AVVERTENZE
Le immagini della città di Torino, utilizzate in home page e nelle pagine delle sezioni, sono state realizzate dal fotografo Matteo Pastucci che ne ha concesso la pubblicazione. Le illustrazioni del sito sono realizzate in esclusiva per Torostoria da Matteo Matteucci.
PRIVACY
SCRIVETECI
Email: info@torostoria.it
/* =====================================================
TOROSTORIA SOCIAL MEDIA FOOTER - ICONE UFFICIALI
===================================================== */
.torostoria-social-footer {
width: 100%;
padding: 20px 15px;
background: transparent;
box-sizing: border-box;
}
.torostoria-social-container {
max-width: 100%;
margin: 0;
text-align: left;
}
.torostoria-social-links {
display: flex !important;
justify-content: flex-start;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.torostoria-social-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
max-width: 42px !important;
max-height: 42px !important;
flex-shrink: 0 !important;
flex-grow: 0 !important;
text-decoration: none;
transition: all 0.3s ease;
border-radius: 6px;
overflow: hidden !important;
border: 2px solid #6f121c;
box-sizing: border-box !important;
background: #ffffff;
}
.torostoria-social-link:hover {
transform: translateY(-3px) scale(1.08);
box-shadow: 0 4px 12px rgba(111, 18, 28, 0.3);
border-color: #8a1623;
}
.torostoria-social-link:active {
transform: translateY(-1px) scale(1.02);
}
.torostoria-social-link img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
min-width: unset !important;
min-height: unset !important;
object-fit: contain !important;
display: block !important;
padding: 3px !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
@keyframes toroSocialPulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
}
.torostoria-social-link:hover img {
animation: toroSocialPulse 0.6s ease-in-out;
}
/* =====================================================
RESPONSIVE - TABLET (768px)
===================================================== */
@media (max-width: 768px) {
.torostoria-social-footer {
padding: 18px 12px;
}
.torostoria-social-links {
gap: 12px;
}
.torostoria-social-link {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
max-width: 38px !important;
max-height: 38px !important;
}
}
/* =====================================================
RESPONSIVE - MOBILE (480px)
===================================================== */
@media (max-width: 480px) {
.torostoria-social-footer {
padding: 15px 10px;
}
.torostoria-social-links {
gap: 10px;
}
.torostoria-social-link {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
max-width: 34px !important;
max-height: 34px !important;
}
}
/* =====================================================
RESPONSIVE - MOBILE PICCOLO (360px)
===================================================== */
@media (max-width: 360px) {
.torostoria-social-footer {
padding: 12px 8px;
}
.torostoria-social-links {
gap: 8px;
}
.torostoria-social-link {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
min-height: 30px !important;
max-width: 30px !important;
max-height: 30px !important;
}
}
/* =====================================================
ACCESSIBILITÀ - FOCUS TASTIERA
===================================================== */
.torostoria-social-link:focus {
outline: 2px solid #6f121c;
outline-offset: 2px;
}
.torostoria-social-link:focus:not(:focus-visible) {
outline: none;
}
© 2026 TOROSTORIA.IT. All Rights Reserved.