Jeanneau (2011) In vendita

.filmarine-announcement {
--Marine: #062c3d;
--marine-light: #0d465d;
--oro: #c99a45;
--gold-light: #e5bd72;
--light: #f4f6f7;
--testo: #263640;
--bianco: #ffffff;
larghezza massima: 1180px;
margine: 0 auto;
imbottitura: 30px 18px;
famiglia di font: Arial, Helvetica, sans-serif;
colore: var(--testo);
Contesto: #ffffff;
}
.filmarine-annuncio * {
dimensioni delle scatole: scatola di bordo;
}
.filmarine-hero {
posizione: relativa;
Sovraplesso: nascosto;
altezza minima: 450px;
Raggio di confine: 18px;
imbottitura: 55px;
display: flessibile;
allinea-item: centro;
colore: var(--bianco);
Contesto:
Gradiente lineare(
135°C,
#062c3d 0%,
#0d465d 55%,
#123f50 al 100%
);
}
.filmarine-hero-content {
larghezza massima: 700px;
}
.filmarine-kicker {
display: blocco in linea;
margine inferiore: 18px;
imbottitura: 8px 14px;
bordo: 1px variatura solida (--oro-luce);
raggio di confine: 30px;
colore: var(--oro-chiarezza);
dimensione font: 13px;
Peso del carattere: grassetto;
spaziatura tra lettere: 1px;
trasformazione testuale: maiuscola;
}
.filmarine-hero h1 {
margine: 0 0 15px;
Dimensione del carattere: clamp(36px, 6vw, 68px);
altezza della linea: 1,05;
trasformazione testuale: maiuscola;
spaziatura tra lettere: 1px;
}
.filmarine-subtitle {
margine: 0 0 28px;
colore: #e8eef0;
dimensione font: 20px;
altezza di linea: 1,5;
}
.filmarine-price {
display: blocco in linea;
margine-fondo: 25px;
imbottitura: 13px 20px;
raggio di confine: 6px;
Contesto: Var(--oro);
colore: var(--bianco);
dimensione font: 28px;
Peso del carattere: grassetto;
}
.filmarine-button {
display: blocco in linea;
imbottitura: 15px 24px;
raggio di confine: 5px;
Contesto: Var(--oro);
colore: var(--bianco);
Peso del carattere: grassetto;
decorazione del testo: nessuna;
transizione: tutti i 0.25 S Easy;
}
.filmarine-button:hover {
Contesto: Var(--Luce dorata);
Colore: Var(--Marine);
trasformazione: translateY(-2px);
}
.filmarine-section {
margine-alto: 55px;
}
.filmarine-section-title {
margine: 0 0 12px;
Colore: Var(--Marine);
dimensione font: 32px;
trasformazione testuale: maiuscola;
Spaziatura tra lettere: 0,5px;
}
.filmarine-section-intro {
larghezza massima: 900px;
margine: 0 0 22px;
colore: #60717a;
dimensione font: 17px;
altezza della lenza: 1,7;
}
.filmarine-stats {
visualizzazione: griglia;
griglia-template-colonne: repeat(4, 1fr);
Distacco: 15px;
margine-alto: 30px;
}
.filmarine-stat {
imbottitura: 25px 18px;
Bordo Superiore: 4px Solid Var(--Oro);
Contesto: var(--light);
test-align: centro;
}
.filmarine-stat strong {
display: blocco;
margine inferiore: 8px;
Colore: Var(--Marine);
dimensione font: 28px;
}
.filmarine-stat span {
Colore: #647680;
dimensione font: 14px;
trasformazione testuale: maiuscola;
Spaziatura tra lettere: 0,5px;
}
.filmarine-columns {
visualizzazione: griglia;
Template-griglia-colonne: ripetizione(2, 1fr);
Distacco: 25px;
margine-alto: 28px;
}
.filmarine-card {
imbottitura: 28px;
bordo: 1px solido #e1e7e9;
raggio di confine: 8px;
Contesto: var(--bianco);
Ombra a scatola: 0 5px 20px RGB (0, 0, 0, 0,05);
}
.filmarine-card h3 {
margine: 0 0 18px;
Colore: Var(--Marine);
dimensione del carattere: 22px;
}
.filmarine-list {
margine: 0;
ribottitura: 0;
Stile Lista: Nessuno;
}
.filmarine-list li {
posizione: relativa;
margine inferiore: 12px;
Imbottitura-sinistra: 25px;
altezza di linea: 1,5;
}
.filmarine-list li::before {
contenuto: "✓";
Posizione: Assoluta;
sinistra: 0;
colore: var(--oro);
Peso del carattere: grassetto;
}
.filmarine-list.attention li::before {
contenuto: "!";
colore: #e74c3c; /* Rosso per l'attenzione */
}
.filmarine-highlight {
margine in cima: 45px;
imbottitura: 36px;
raggio di confine: 10px;
Contesto: VAR(--Marine);
colore: