#caco-home-banner {
--verde: #355f50;
--verde-scuro: #23483d;
--lime: #dce69a;
--crema: #f5f1e8;
--bianco: #fffdf8;
--testo: #263d35;
--ruggine: #c96f4d;
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
margin: 26px auto;
overflow: hidden;
border: 1px solid rgba(53, 95, 80, 0.15);
border-radius: 22px;
background: var(--bianco);
box-shadow: 0 16px 45px rgba(33, 73, 61, 0.12);
color: var(--testo);
font-family: Arial, Helvetica, sans-serif;
}
#caco-home-banner *,
#caco-home-banner *::before,
#caco-home-banner *::after {
box-sizing: border-box;
}
#caco-home-banner .caco-colonna {
position: relative;
display: flex;
min-width: 0;
min-height: 390px;
flex-direction: column;
padding: clamp(24px, 3vw, 38px);
}
#caco-home-banner .caco-colonna + .caco-colonna {
border-left: 1px solid rgba(53, 95, 80, 0.14);
}
#caco-home-banner .caco-impatto {
background:
linear-gradient(
145deg,
rgba(220, 230, 154, 0.24),
rgba(255, 253, 248, 0) 70%
),
var(--bianco);
}
#caco-home-banner .caco-voce {
background:
radial-gradient(
circle at 92% 8%,
rgba(201, 111, 77, 0.13),
transparent 170px
),
var(--crema);
}
#caco-home-banner .caco-modello {
overflow: hidden;
background: linear-gradient(
145deg,
var(--verde),
var(--verde-scuro)
);
color: var(--bianco);
}
#caco-home-banner .caco-modello::after {
position: absolute;
top: -82px;
right: -86px;
width: 225px;
height: 225px;
border: 36px solid rgba(220, 230, 154, 0.09);
border-radius: 50%;
content: "";
pointer-events: none;
}
#caco-home-banner .caco-eyebrow {
position: relative;
z-index: 1;
margin: 0 0 10px;
color: var(--ruggine);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.13em;
line-height: 1.3;
text-transform: uppercase;
}
#caco-home-banner .caco-voce .caco-eyebrow {
color: var(--verde);
}
#caco-home-banner .caco-modello .caco-eyebrow {
color: var(--lime);
}
#caco-home-banner h2 {
position: relative;
z-index: 1;
margin: 0;
color: inherit;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(25px, 2.2vw, 34px);
font-weight: 400;
letter-spacing: -0.03em;
line-height: 1.07;
}
#caco-home-banner .caco-testo {
position: relative;
z-index: 1;
margin: 13px 0 18px;
color: rgba(38, 61, 53, 0.77);
font-size: 14px;
line-height: 1.45;
}
#caco-home-banner .caco-modello .caco-testo {
color: rgba(255, 253, 248, 0.80);
}
#caco-home-banner .caco-dati {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin: auto 0 18px;
}
#caco-home-banner .caco-dato {
padding: 12px 8px;
border: 1px solid rgba(53, 95, 80, 0.13);
border-radius: 13px;
background: rgba(255, 253, 248, 0.82);
text-align: center;
}
#caco-home-banner .caco-dato-principale {
grid-column: 1 / -1;
}
#caco-home-banner .caco-dato strong {
display: block;
color: var(--verde-scuro);
font-family: Georgia, "Times New Roman", serif;
font-size: 23px;
font-weight: 400;
line-height: 1;
}
#caco-home-banner .caco-dato span {
display: block;
margin-top: 6px;
color: rgba(38, 61, 53, 0.68);
font-size: 9px;
font-weight: 700;
line-height: 1.25;
}
#caco-home-banner .caco-campione {
grid-column: 1 / -1;
margin: 2px 0 0;
color: rgba(38, 61, 53, 0.62);
font-size: 10px;
line-height: 1.3;
text-align: center;
}
#caco-home-banner .caco-fasi {
position: relative;
z-index: 1;
display: grid;
gap: 7px;
margin: auto 0 18px;
}
#caco-home-banner .caco-fase {
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
gap: 9px;
align-items: center;
padding: 9px 10px;
border: 1px solid rgba(255, 253, 248, 0.12);
border-radius: 12px;
background: rgba(255, 253, 248, 0.07);
}
#caco-home-banner .caco-numero {
display: grid;
width: 27px;
height: 27px;
place-items: center;
border-radius: 50%;
background: var(--lime);
color: var(--verde-scuro);
font-family: Georgia, "Times New Roman", serif;
font-size: 14px;
}
#caco-home-banner .caco-fase strong {
display: block;
color: var(--bianco);
font-size: 11px;
line-height: 1.2;
}
#caco-home-banner .caco-fase small {
display: block;
margin-top: 2px;
color: rgba(255, 253, 248, 0.65);
font-size: 9px;
line-height: 1.25;
}
#caco-home-banner .caco-link {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: 9px;
margin-top: auto;
padding: 11px 15px;
border-radius: 999px;
background: var(--verde);
color: #fff !important;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
text-decoration: none !important;
transition:
transform 180ms ease,
background-color 180ms ease;
}
#caco-home-banner .caco-link:hover,
#caco-home-banner .caco-link:focus-visible {
background: var(--verde-scuro);
color: #fff !important;
transform: translateY(-2px);
}
#caco-home-banner .caco-modello .caco-link {
background: var(--lime);
color: var(--verde-scuro) !important;
}
#caco-home-banner .caco-modello .caco-link:hover,
#caco-home-banner .caco-modello .caco-link:focus-visible {
background: #edf2bd;
color: var(--verde-scuro) !important;
}
@media (max-width: 900px) {
#caco-home-banner {
grid-template-columns: 1fr;
}
#caco-home-banner .caco-colonna {
min-height: auto;
}
#caco-home-banner .caco-colonna + .caco-colonna {
border-top: 1px solid rgba(53, 95, 80, 0.14);
border-left: 0;
}
#caco-home-banner .caco-dati,
#caco-home-banner .caco-fasi {
margin-top: 6px;
}
}
@media (prefers-reduced-motion: reduce) {
#caco-home-banner .caco-link {
transition: none;
}
}
Vivere Ca’Co lascia un segno
Scopri cosa nasce dall’esperienza
Relazioni, benessere, progetti e nuovi legami con il territorio:
misuriamo con trasparenza ciò che cambia vivendo a Ca’Co.
21,4%percorsi di radicamento
1.643notti documentate
14coliver
Scopri l’impatto
→La voce dei coliver
Com’è davvero vivere a Ca’Co?
Esperienza, comunità e propensione a vivere nelle aree interne
raccontate direttamente da chi ha abitato Ca’Co.
9,7/10propensione a vivere nelle aree interne
9,0/10senso di comunità
Segnali iniziali·
3risposte
Ascolta i coliver
→Dall’esperienza al metodo
Portare il coliving nel tuo territorio
Accompagniamo enti, comunità e territori nella progettazione
di nuove forme dell’abitare nelle aree interne.
1Leggere il territorioBisogni, risorse e fattibilità
2Disegnare il modelloSpazi, comunità e sostenibilità
3Attivare il progettoGestione, accompagnamento e impatto
Scopri il percorso
→(function () {
"use strict";
var endpoint =
"https://www.cacocoliving.com/wp-json/caco-impact/v1/data";
function numeroVoce(voce) {
if (!voce) return null;
var numero = Number(voce.value);
return Number.isFinite(numero) ? numero : null;
}
function formattaIndicatore(indicatore) {
if (!indicatore) return null;
if (indicatore.displayValue) {
return indicatore.displayValue;
}
var valore = Number(indicatore.value);
var scala = Number(indicatore.scaleMax);
if (!Number.isFinite(valore)) return null;
var testo = valore.toLocaleString("it-IT", {
minimumFractionDigits: 1,
maximumFractionDigits: 1
});
return Number.isFinite(scala) ? testo + "/" + scala : testo;
}
function aggiornaBanner(dati) {
var valori = new Map(
(dati.actuals || []).map(function (voce) {
return [voce.id, voce];
})
);
document
.querySelectorAll("#caco-home-banner [data-caco-actual]")
.forEach(function (elemento) {
var id = elemento.getAttribute("data-caco-actual");
var numero = numeroVoce(valori.get(id));
if (numero !== null) {
elemento.textContent = numero.toLocaleString("it-IT", {
maximumFractionDigits: 0
});
}
});
var coliver = numeroVoce(valori.get("long_stays"));
var radicamenti = numeroVoce(valori.get("rootings"));
var percentuale = document.querySelector(
"#caco-home-banner [data-caco-radicamento-percentuale]"
);
if (
percentuale &&
radicamenti !== null &&
coliver !== null &&
coliver > 0
) {
percentuale.textContent =
((radicamenti / coliver) * 100).toLocaleString("it-IT", {
minimumFractionDigits: 1,
maximumFractionDigits: 1
}) + "%";
}
var voce = dati.guestVoice || {};
var indicatori = new Map(
(voce.indicators || []).map(function (indicatore) {
return [indicatore.id, indicatore];
})
);
document
.querySelectorAll("#caco-home-banner [data-caco-guest]")
.forEach(function (elemento) {
var id = elemento.getAttribute("data-caco-guest");
var testo = formattaIndicatore(indicatori.get(id));
if (testo) {
elemento.textContent = testo;
}
});
var numeroRisposte = Number(voce.responseCount);
var elementoRisposte = document.querySelector(
"#caco-home-banner [data-caco-risposte]"
);
var etichettaRisposte = document.querySelector(
"#caco-home-banner [data-caco-etichetta-risposte]"
);
var stato = document.querySelector(
"#caco-home-banner [data-caco-stato]"
);
if (
elementoRisposte &&
Number.isFinite(numeroRisposte) &&
numeroRisposte >= 0
) {
elementoRisposte.textContent =
numeroRisposte.toLocaleString("it-IT");
if (etichettaRisposte) {
etichettaRisposte.textContent =
numeroRisposte === 1 ? "risposta" : "risposte";
}
}
if (stato && voce.statusLabel) {
stato.textContent = voce.statusLabel;
}
}
function caricaDati() {
fetch(endpoint + "?refresh=1&_=" + Date.now(), {
method: "GET",
mode: "cors",
cache: "no-store",
headers: {
"Accept": "application/json"
}
})
.then(function (risposta) {
if (!risposta.ok) {
throw new Error("HTTP " + risposta.status);
}
return risposta.json();
})
.then(aggiornaBanner)
.catch(function (errore) {
console.warn(
"Aggiornamento del banner Ca’Co non riuscito: " +
"restano visibili i valori di riserva.",
errore
);
});
}
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", caricaDati, {
once: true
});
} else {
caricaDati();
}
})();