/* Using your existing variables where possible */
.hub-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 25px;
margin: 40px 0;
}
/* Bento Configuration */
.hub-card {
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s, box-shadow 0.3s;
height: 100%;
border: 1px solid #f0f0f0;
background: white; /* Ensure visibility */
position: relative;
overflow: hidden;
}
.hub-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
border-color: var(–red);
}
/* Grid Layout priorities */
.card-train { grid-column: span 8; }
.card-avion { grid-column: span 4; }
.card-metro { grid-column: span 6; }
.card-auto { grid-column: span 6; }
/* Responsive: Mobile Stack */
@media (max-width: 900px) {
.card-train, .card-avion, .card-metro, .card-auto {
grid-column: span 12;
}
}
/* Internal Visual Elements */
.hub-icon {
font-size: 2.5rem;
margin-bottom: 15px;
background: var(–beige);
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(–red);
}
.hub-title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 10px;
color: #1a1a1a;
}
.hub-desc {
color: var(–grey);
font-size: 0.95rem;
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
/* «UPDATE» Badge for News */
.news-badge {
display: inline-block;
background: #ffebee;
color: var(–red);
font-size: 0.75rem;
font-weight: 700;
padding: 4px 8px;
border-radius: 4px;
margin-bottom: 10px;
border: 1px solid rgba(193, 39, 45, 0.2);
}
/* Budget Gauge */
.budget-gauge {
display: flex;
align-items: center;
gap: 5px;
font-size: 0.85rem;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 20px;
background: #fafafa;
padding: 8px 12px;
border-radius: 8px;
width: fit-content;
}
.dots { display: flex; gap: 3px; margin-left: 8px; }
.dot { width: 10px; height: 10px; border-radius: 50%; background: #ddd; }
.dot.active { background: var(–red); }
/* Text Links */
.hub-link {
color: var(–red);
font-weight: 700;
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
transition: color 0.2s;
}
.hub-link:hover { text-decoration: underline; color: #a01e23; }
/* Calculator Banner */
.cta-banner {
background: #1a1a1a;
color: white;
border-radius: 20px;
padding: 50px;
text-align: center;
margin: 60px 0;
position: relative;
overflow: hidden;
}
.cta-banner::before {
content: »;
position: absolute;
top: 0; left: 0; width: 100%; height: 5px;
background: var(–red);
}
/* Comparison Table */
.comparison-wrap {
overflow-x: auto;
margin-top: 30px;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.comp-table {
width: 100%;
border-collapse: collapse;
background: white;
min-width: 600px; /* Assure la lisibilité sur mobile */
}
.comp-table th {
background: var(–red);
color: white;
padding: 18px;
text-align: left;
white-space: nowrap;
}
.comp-table td {
padding: 15px 18px;
border-bottom: 1px solid #eee;
color: #444;
}
.comp-table tr:last-child td { border-bottom: none; }
/* Pro Tip Box */
.pro-tip {
font-size: 0.85rem;
background: #f9f9f9;
padding: 10px;
border-left: 3px solid var(–grey);
margin-bottom: 15px;
font-style: italic;
}
Moverse por Japón
¿Tren, avión o coche? El transporte suele ser el gasto nº 1 en los viajes.
Hemos descifrado la red más compleja del mundo para ayudarte a optimizar tu presupuesto.
Explorar opciones
¿Sabías que? Un billete de ida y vuelta en Shinkansen de Tokio a Kioto cuesta alrededor de 28.000 ¥ (190 $), lo que puede ser más caro que un vuelo nacional.
Dado que Japón es un archipiélago, sí te estarás moviendo. Aquí te mostramos cómo elegir la estrategia adecuada.
Tu panel de transporte
🚄
⚠️ Actualización 2025/26
Shinkansen & JR Pass
La red ferroviaria japonesa es puntual al segundo. Es la forma más cómoda de conectar las principales ciudades (Tokio, Kioto, Hiroshima).
La realidad: Desde la subida masiva del 70 % de los precios en octubre de 2023, el JR Pass nacional rara vez es rentable para itinerarios clásicos. Los viajeros inteligentes ahora optan por Pases regionales o billetes individuales.
Nota: El equipaje grande (más de 160 cm en dimensiones totales) ahora requiere reserva de asiento con un área dedicada para equipaje.
✈️
Vuelos nacionales
A menudo más barato y rápido que el tren para largas distancias (por ejemplo, de Tokio a Fukuoka, Sapporo o Okinawa).
Busca aerolíneas LCC (bajo coste) como Peach Aviation, Jetstar y Skymark.
Comparación vuelo vs tren →
🚇
Información sobre escasez de chips
Metro y tarjetas IC
Nunca compres billetes de papel individuales. La tarjeta Suica, Pasmo o ICOCA es esencial.
Situción actual: Las tarjetas físicas son difíciles de encontrar debido a la escasez de chips. Recomendamos añadir una «Mobile Suica» a tu iPhone Wallet o conseguir una «Welcome Suica» en el aeropuerto.
Guía de tarjetas IC (Suica/Pasmo) →
🚗
Alquiler de coche
Inútil en Tokio u Osaka (el aparcamiento es caro). Sin embargo, es indispensable para explorar libremente los Alpes japoneses, Hokkaido o Okinawa.
Advertencia: Asegúrate de tener el Permiso Internacional de Conducción correcto (Convención de 1949) antes de volar.
Normas de conducción e información sobre licencias →
¿Cuánto costará TU viaje?
Un itinerario clásico de 15 días por la Ruta Dorada suele superar los 40.000 ¥ en gastos de transporte.
Deja de adivinar. Simula tu coste exacto ahora.
Iniciar calculadora de presupuesto
📊 El enfrentamiento: Tokio ➡️ Osaka (500 km)
Para darte una idea de la escala en precio y tiempo para la ruta más popular:
| Modo de transporte |
Tiempo total |
Coste medio (JPY) |
Coste medio (USD) |
Coste medio (EUR) |
Ventaja clave |
| Shinkansen (Nozomi) |
2h 30m |
~14,720 ¥ |
~95 $ |
~81 € |
Comodidad y velocidad |
| Avión (LCC) |
4h 00m |
~6,000 – 10,000 ¥ |
~39 $ – 64 $ |
~33 € – 55 € |
Opción más barata |
| Autobús nocturno |
8h 00m |
~3,500 – 7,000 ¥ |
~22 $ – 45 $ |
~19 € – 39 € |
Ahorra una noche de hotel |
*Precios estimados según las tasas de cambio actuales y temporada estándar.