), ma che
spacca in 2 colonne anche i .feat-VOCE di Chi siamo (figli: span.dot + span
testo): la spunta finisce in una colonna larga metà riga, il testo nell'altra.
FIX: solo i .feat che contengono una .dot diretta (esistono SOLO in Chi
siamo, verificato su tutte le 15 pagine) tornano flex come nel design
originale. Specificità (0,3,0)+!important batte (0,2,0)!important del
Customizer anche se stampato dopo. Richiede :has() (baseline 2023 — Chrome
105+, Safari 15.4+, Firefox 121+); nei browser più vecchi resta la resa
attuale (nessuna regressione). I .feat-contenitore NON sono toccati. */
.es .feat:has(> .dot) {
display: flex !important;
grid-template-columns: none !important;
gap: 12px;
align-items: flex-start;
margin: 14px 0;
}
/* 18.2 — BUG 1 (Ecosistema, organigramma SVG su mobile): difesa senza patch.
CAUSA REALE: il CSS Customizer a ≤640px porta i titoli dell'SVG a 24px
(.es .es-eco-map .tt{font-size:24px}): dentro il viewBox 720×290 il testo
".computer — Hardware" supera i rettangoli da 212 unità e sfora la cella.
A 16px il titolo rientra (≈186 unità). Specificità (0,3,1) > (0,3,0).
È un CONTENIMENTO: la soluzione completa è la variante mobile 18.3. */
@media (max-width: 640px) {
.es .es-eco-map text.tt {
font-size: 16px;
}
}
/* 18.3 — BUG 1: variante mobile dedicata dell'ecosistema (pila verticale).
Il markup (patch contenuti WP: blocco .es-eco-mobile subito dopo l'SVG)
sostituisce l'organigramma su mobile: card impilate con connettori
verticali, zero coordinate fisse, zero overflow possibile.
Su desktop resta l'organigramma SVG attuale (invariato). */
.es .es-eco-mobile {
display: none;
}
@media (max-width: 640px) {
/* Con la variante presente (patch: .es-eco-mobile inserita SUBITO DOPO
l'SVG), l'organigramma lascia il posto alle card. Senza patch l'SVG
resta visibile (con i titoli contenuti da 18.2): nessuna sezione vuota.
!important necessario: l'SVG ha display:block INLINE nel markup.
Browser senza :has(): SVG + card conviventi su mobile (degrado benigno). */
.es .es-eco-map:has(+ .es-eco-mobile) {
display: none !important;
}
.es .es-eco-mobile {
display: grid;
justify-items: center;
gap: 0;
margin-top: 10px;
}
.es .es-eco-mobile__hub,
.es .es-eco-mobile__node {
width: min(100%, 420px);
min-width: 0;
background: #ffffff;
border: 2px solid #c99b4b;
border-radius: 10px;
padding: 13px 16px;
text-align: center;
}
.es .es-eco-mobile__hub {
font-family: 'Sora', sans-serif;
font-weight: 700;
font-size: 17px;
color: #071a2f;
}
.es .es-eco-mobile__node--cyan {
border-color: #00aeef;
}
.es .es-eco-mobile__name {
font-family: 'Sora', sans-serif;
font-weight: 700;
font-size: 15.5px;
line-height: 1.3;
color: #0b3d66;
overflow-wrap: anywhere;
}
.es .es-eco-mobile__desc {
font-family: 'Manrope', sans-serif;
font-size: 13px;
line-height: 1.5;
color: #5c6670;
margin-top: 4px;
overflow-wrap: anywhere;
}
/* connettori verticali tra le card */
.es .es-eco-mobile__link {
width: 2px;
height: 18px;
background: #c99b4b;
}
.es .es-eco-mobile__link--cyan {
background: #00aeef;
}
}
/* 18.4 — BUG 3 (Informatica, "Piattaforma informatica dedicata") —
V3-FINAL-EXPERIENCE-2026-07-05: FIX DEFINITIVO ZERO-DATABASE.
Diagnosi verificata sul live: i file del tema sono deployati ma la patch
contenuti (PATCH B) non è stata applicata → il blocco mostra ancora il
placeholder div.ph. Questo blocco rende il fix INDIPENDENTE dal database:
l'immagine reale (già sul server: assets/img/es-eu-pc-su-misura.jpg,
HTTP 200 verificato) viene renderizzata come sfondo del placeholder.
- URL relativo al CSS (../img/…): nessun percorso locale/dominio.
- Fallback: se l'immagine non carica resta il pannello scuro con caption;
se il CSS non si aggiorna resta lo stato attuale. Mai un buco.
- Il testo esistente "Hardware · PC · Componenti" diventa caption overlay;
l'iconcina placeholder viene nascosta; il .tag resta invariato.
- Quando la PATCH B (markup semantico con
![]()
) verrà applicata, .ph
sparisce dal markup e questa regola semplicemente non matcha più.
Rollback: rimuovere questo blocco (torna il placeholder). */
.es .es-fig .ph {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
aspect-ratio: 3 / 2;
min-height: 0;
padding: 16px 18px;
background:
linear-gradient(to top, rgba(3, 8, 18, 0.78), rgba(3, 8, 18, 0.16) 42%, rgba(3, 8, 18, 0) 65%),
url('../img/es-eu-pc-su-misura.jpg') center / cover no-repeat;
font-family: 'Rajdhani', sans-serif;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
font-size: 12.5px;
color: #eaf2ff;
text-align: left;
}
.es .es-fig .ph svg {
display: none; /* via l'iconcina placeholder: c'è l'immagine reale */
}