Rhéa Marine 850 Timonier (2018) In vendita

.fm-wrap { font-family: 'Segoe UI', Arial, sans-serif; colore: #1C2B3A; altezza linea: 1.7; larghezza max: 860px; }
.fm-hero-band {
Contesto: gradiente lineare (135°, #0D1E35 0%, #1A3A5C 60%, #2A6496 100%);
raggio di confine: 8px;
imbottitura: 36px 32px;
test-align: centro;
margine inferiore: 28px;
posizione: relativa;
Sovraplesso: nascosto;
}
.fm-hero-band::before {
Contenuto: '';
Posizione: Assoluta;
in fondo: 0; sinistra: 0; destra: 0;
altezza: 4px;
Contesto: gradiente lineare (90gradi, #E8720C, #F5924A, #E8720C);
}
.fm-hero-band .fm-tag {
display: blocco in linea;
Contesto: #E8720C;
colore: #fff;
dimensione font: 10px;
peso del carattere: 700;
spaziatura tra lettere: 2,5px;
trasformazione testuale: maiuscola;
imbottitura: 4px 16px;
raggio di confine: 2px;
margine-fondo: 14px;
}
.fm-hero-band h1 {
dimensione font: 38px;
peso font: 900;
colore: #fff;
Spaziatura tra lettere: -1px;
margine: 0 0 4px;
trasformazione testuale: maiuscola;
}
.fm-hero-band h1 span { color: #F5924A; }
.fm-hero-band p {
Colore: RGBA(255,255,255,0,6);
dimensione del carattere: 12px;
spaziatura tra lettere: 3px;
trasformazione testuale: maiuscola;
margine: 0 0 20px;
}
.fm-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 24px; }
.fm-pill {
Contesto: RGBA (255,255,255,0.1);
bordo: 1px RGB solido(255,255,255,0,2);
Colore: RGBA (255.255.255,0,85);
dimensione del carattere: 12px;
peso del carattere: 600;
imbottitura: 4px 14px;
raggio di confine: 20px;
}
.fm-refit-badge {
display: blocco in linea;
Contesto: RGBA (232,114,12,0,15);
bordo: 2px solido #E8720C;
raggio di confine: 6px;
imbottitura: 14px 28px;
colore: #F5924A;
dimensione del carattere: 22px;
peso font: 900;
}
.fm-refit-badge small {
display: blocco;
dimensione font: 11px;
Colore: RGBA(255.255.255,0,5);
peso del carattere: 600;
spaziatura tra lettere: 1px;
trasformazione testuale: maiuscola;
margine-fondo: 2px;
}
.fm-intro {
Contesto: #fff;
bordo sinistro: 5px solido #E8720C;
Raggio di confine: 0 8px 8px 0;
imbottitura: 22px 26px;
margine inferiore: 28px;
dimensione font: 15px;
colore: #1A3A5C;
Ombra a scatola: 0 2px 12px RGB (13,30,53,0,07);
}
.fm-section-title {
display: flessibile;
allinea-item: centro;
Distacco: 10px;
dimensione font: 18px;
peso del carattere: 800;
colore: #0D1E35;
trasformazione testuale: maiuscola;
Spaziatura tra lettere: 0,5px;
margine: 32px 0 18px;
imbottitura-sotto: 10px;
bordo inferiore: 2px solido #DDE4ED;
posizione: relativa;
}
.fm-section-title::after {
Contenuto: '';
Posizione: Assoluta;
in fondo: -2px; sinistro: 0;
larghezza: 40px; altezza: 2px;
Contesto: #E8720C;
}
.fm-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 20px; }
@media (larghezza massima: 600px) { .fm-grid { grid-template-columns: 1fr; } }
.fm-card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(13,30,53,0.08); border-top: 3px solid #E8720C; }
.fm-card-head { background: #0D1E35; imbottitura: 13px 18px; display: flex; align-items: center; gap: 10px; }
.fm-card-head span { font-size: 20px; }
.fm-card-head H3 { font-size: 13px; font-weight: 700; colore: #fff; margine: 0; line-height: 1.3; }
.fm-card-body { riempimento: 16px 18px; }
.fm-card-body ul { list-style: none; padding: 0; margin: 0; }
.fm-card-body ul li {
dimensione font: 13px;
colore: #2e3f52;
imbottitura: 5px 0;
Bordo inferiore: 1px solido #EEF2F7;
display: flessibile;
Allinea-elementi: Partenza flessibile;
Distacco: 8px;
altezza di linea: 1,5;
}
.fm-card-body ul li:last-child { border-bottom: none; }
.fm-card-body ul li::before { content: '✓'; color: #1E7A45; font-weight: 800; font-size: 12px; margin-top: 2px; flex-shrink: 0; }
.fm-card-note {
margine in cima: 12px;
Contesto: #F5F7FA;
bordo sinistro: 3p