/* Contenedor principal de la tarjeta */
.token-card {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 10px;
}

/* Logo centrado */
.token-logo {
    display: block;
    margin: 0 auto 10px auto;
}

/* Nombre centrado */
.token-title {
    text-align: center;
    margin-bottom: 20px;
}

/* Categorías */
.token-categorias{
    text-align: center;
}
/* Caja de descripción */
.token-description {
    border: 1px solid #000;
    padding: 15px;
    margin: 20px 0;
    text-align: left;
}

/* Fila: precio a la izquierda, capitalización a la derecha */
.token-row {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

/* Ajuste de columnas */
.token-row p {
    margin: 0;
}

/* Fila: web a la izquierda, whitepaper a la derecha */
.token-row-links {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}
/* Cambios de precio */
.token-change.up {
    color: #0f9d58; /* verde Google style */
    font-weight: bold;
}

.token-change.down {
    color: #d93025; /* rojo Google style */
    font-weight: bold;
}

.token-change {
    margin-left: 5px;
}
/* --- Variaciones de precio --- */
.token-variations {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    text-align: center;
}

.token-change {
    flex: 1;
}

.token-change .value {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}

.token-change .label {
    display: block;
    font-size: 0.9em;
    margin-top: 4px;
}

.token-change.up .value {
    color: #0f9d58; /* verde */
}

.token-change.down .value {
    color: #d93025; /* rojo */
}
.token-change.up .label, .token-change.down .label{color:#333;}
/* --- Botones --- */
.token-row-links {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
    gap: 10px;
    text-align: center;
}
.token-row-links p {
    flex: 1;
    margin: 0;
    text-align: center;
}
.token-row-links a {
    display: block;
    background: #000;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    transition: transform 0.2s ease, background 0.2s ease;
    font-size: 0.7rem;
}
.token-row-links a:hover {
    transform: scale(1.05);
    background: #222;
    color:#ddd;
}

/* Justificación específica */
.token-web      { text-align: left; }
.token-whitepaper { text-align: center; }
.token-cmc      { text-align: right; }