/* ====== Travel Cards (scopeado para que no choque con tu web) ====== */
.travel-list{
--bg:#ffffff;
--card:#ffffff;
--text:#111827;
--muted:#6b7280;
--border:#e5e7eb;
--shadow: 0 10px 30px rgba(17,24,39,.10);
--radius:18px;
--chip:#f3f4f6;
font-family: inherit;
color: var(--text);
max-width: 760px;
margin: 0 auto;
}
.travel-list__grid{
display: grid;
gap: 14px;
}
.travel-card{
background: var(--card);
border: 1px solid var(--border);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 16px 16px 14px;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
overflow: hidden;
}
.travel-card:hover{
transform: translateY(-2px);
border-color: #d1d5db;
box-shadow: 0 14px 40px rgba(17,24,39,.14);
}
.travel-card__head{
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
margin-bottom: 12px;
}
.travel-card__country{
display:flex;
align-items:center;
gap:10px;
min-width: 0;
}
.travel-flag{
width: 38px;
height: 38px;
border-radius: 12px;
display:grid;
place-items:center;
background: #f9fafb;
border: 1px solid var(--border);
font-size: 20px;
flex: 0 0 auto;
}
.travel-title{
display:flex;
flex-direction:column;
gap: 2px;
min-width: 0;
}
.travel-title strong{
font-size: 16px;
line-height: 1.1;
letter-spacing: -.2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.travel-title span{
font-size: 12px;
color: var(--muted);
line-height: 1.2;
}
.travel-chips{
display:flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.travel-chip{
background: var(--chip);
border: 1px solid var(--border);
color: #111827;
border-radius: 999px;
padding: 8px 10px;
font-size: 13px;
line-height: 1;
transition: background .18s ease, transform .18s ease;
}
.travel-chip:hover{
background: #eef2ff;
transform: translateY(-1px);
}
/* Responsive */
@media (max-width: 480px){
.travel-card{ padding: 14px; }
.travel-flag{ width: 36px; height: 36px; border-radius: 12px; }
.travel-title strong{ font-size: 15px; }
.travel-chip{ font-size: 12.5px; padding: 7px 9px; }
}
Medio Oriente
Programas y combinados
- Medio Oriente
- Turquía
- Líbano
- Turquía y Dubái
- Turquía / Dubái / Grecia
- Egipto y Marruecos
Cotiza aquí