/* Landing DUETUFFI – Rubino Spiriti */
.duetuffi-landing {
/* Palette ispirata a etichetta + colore rosé del vermouth */
–bg: #fff4f4; /* rosé chiarissimo */
–bg-soft: #fdf7f0; /* crema soft per le card */
–accent: #c43a5f; /* rosso/lamponato */
–accent-dark: #952344;
–teal: #0a8a8f; /* verde acqua etichetta */
–text: #222222;
–muted: #666666;
–card-bg: #ffffff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
background: radial-gradient(circle at top, #ffe8ef 0, var(–bg) 35%, #ffffff 100%);
color: var(–text);
padding: 1.5rem 0;
}
.duetuffi-landing .wrapper {
max-width: 1100px;
margin: 0 auto;
padding: 0 1.5rem;
}
.duetuffi-landing .duetuffi-header {
text-align: center;
margin-bottom: 0.5rem;
}
.duetuffi-landing .hero {
margin-top: 1rem;
margin-bottom: 2.5rem;
background: linear-gradient(135deg, rgba(10,138,143,0.05), rgba(255,228,236,0.9));
border-radius: 18px;
padding: 1.5rem 1.5rem 2rem;
box-shadow: 0 18px 40px rgba(0,0,0,0.06);
}
.duetuffi-landing .hero-layout {
display: grid;
grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);
gap: 2rem;
align-items: center;
}
.duetuffi-landing .hero-copy h1 {
font-size: 2.4rem;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 0.4rem;
color: var(–teal);
}
.duetuffi-landing .hero-copy h2 {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(–accent);
margin-bottom: 1rem;
}
.duetuffi-landing .hero-copy p {
color: var(–muted);
margin-bottom: 1.4rem;
max-width: 640px;
}
.duetuffi-landing .hero .limited {
font-size: 0.9rem;
color: var(–accent-dark);
margin-top: 0.6rem;
font-weight: 600;
}
.duetuffi-landing .btn-group {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
justify-content: flex-start;
}
.duetuffi-landing .btn {
display: inline-block;
padding: 0.7rem 1.5rem;
border-radius: 999px;
text-decoration: none;
font-size: 0.95rem;
border: 1px solid var(–accent);
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
cursor: pointer;
}
.duetuffi-landing .btn-primary {
background: var(–accent);
color: #ffffff;
}
.duetuffi-landing .btn-primary:hover {
background: var(–accent-dark);
border-color: var(–accent-dark);
transform: translateY(-1px);
}
.duetuffi-landing .btn-secondary {
background: #fef5f7;
color: var(–accent);
}
.duetuffi-landing .btn-secondary:hover {
background: #fbe1ea;
transform: translateY(-1px);
}
.duetuffi-landing .hero-bottle {
text-align: center;
}
.duetuffi-landing .hero-bottle img {
max-width: 260px;
width: 100%;
height: auto;
filter: drop-shadow(0 18px 30px rgba(0,0,0,0.18));
}
.duetuffi-landing .hero-bottle-caption {
margin-top: 0.5rem;
font-size: 0.8rem;
color: var(–muted);
}
/* SEZIONI */
.duetuffi-landing section.block {
margin: 2rem 0;
padding: 1.6rem 1.5rem;
background: var(–card-bg);
border-radius: 14px;
box-shadow: 0 5px 18px rgba(0,0,0,0.04);
border: 1px solid rgba(10,138,143,0.05);
}
.duetuffi-landing section.block-soft {
background: var(–bg-soft);
}
.duetuffi-landing section.block h3 {
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: var(–teal);
margin-bottom: 0.75rem;
}
.duetuffi-landing section.block p + p {
margin-top: 0.6rem;
}
.duetuffi-landing .two-columns {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 1.5rem;
}
.duetuffi-landing .taglist {
list-style: none;
margin-top: 0.4rem;
padding-left: 0;
}
.duetuffi-landing .taglist li {
margin-bottom: 0.3rem;
}
.duetuffi-landing .taglist li::before {
content: “• “;
color: var(–accent);
}
.duetuffi-landing .tech-data {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
font-size: 0.9rem;
margin: 0.75rem 0 1rem;
}
.duetuffi-landing .tech-data span {
padding: 0.3rem 0.8rem;
border-radius: 999px;
background: #ffe8f0;
color: var(–accent-dark);
}
/* CTA & FORM */
.duetuffi-landing .cta-block {
text-align: center;
}
.duetuffi-landing .cta-block p {
margin-bottom: 1rem;
}
.duetuffi-landing .form-simple {
max-width: 420px;
margin: 0.5rem auto 0;
text-align: left;
}
.duetuffi-landing .form-simple label {
display: block;
font-size: 0.85rem;
margin-bottom: 0.2rem;
}
.duetuffi-landing .form-simple input,
.duetuffi-landing .form-simple textarea,
.duetuffi-landing .form-simple select {
width: 100%;
padding: 0.55rem 0.7rem;
margin-bottom: 0.7rem;
border-radius: 8px;
border: 1px solid #d8d3cc;
font-family: inherit;
font-size: 0.9rem;
background: #fffdfb;
}
.duetuffi-landing .form-simple textarea {
resize: vertical;
min-height: 80px;
}
/* FOOTER */
.duetuffi-landing .duetuffi-footer {
text-align: center;
font-size: 0.8rem;
color: var(–muted);
padding-top: 1.5rem;
}
.duetuffi-landing .duetuffi-footer a {
color: var(–accent);
text-decoration: none;
}
.duetuffi-landing .duetuffi-footer a:hover {
text-decoration: underline;
}
/* RESPONSIVE */
@media (max-width: 900px) {
.duetuffi-landing .hero-layout {
grid-template-columns: 1fr;
}
.duetuffi-landing .hero-bottle {
order: -1;
margin-bottom: 1rem;
}
.duetuffi-landing .hero-bottle img {
max-width: 220px;
}
.duetuffi-landing .btn-group {
justify-content: flex-start;
}
.duetuffi-landing .two-columns {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.duetuffi-landing .hero-copy h1 {
font-size: 2rem;
}
}