/* Automation Solutions page (lattuada-na.com) - styles ported from adeliolattuada.com (theme redapple, custom.css) on 2026-09-24 */
.r_hm_automazione_section .container-fluid { max-width: 1740px; }
.r_hm_automazione { max-width: 690px; margin: 0px auto; }
.r_hm_automazione_section { padding-top: 70px; padding-bottom: 46px; position: relative; }
.r_sa_automazione_section { padding-top: 106px; padding-bottom: 50px; min-height: 802px; }
.r_sa_automazione_section .r_hm_automazione { max-width: 933px; }
@media only screen and (max-width: 1500px){
.r_sa_automazione_section { min-height: 699px; }
}
@media only screen and (max-width: 992px){
.r_sa_automazione_section { min-height: 499px; padding-top: 1px; }
}
@media only screen and (max-width: 767px){
.r_sa_automazione_section { min-height: 275px; }
}
@media (max-width: 1400px){
.automazione-main .content-wrapper .border-text-box p br { display: block; }
}
.automazione-video-main { position: relative; width: 100%; background-color: rgb(0, 0, 0); overflow: hidden; }
.automazione-video-main .automazione-video-wrapper { position: relative; width: 100%; aspect-ratio: 1440 / 700; max-height: 100vh; overflow: hidden; background-color: rgb(0, 0, 0); }
.automazione-video-main .automazione-video-wrapper .automazione-video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; }
.automazione-video-main .automazione-video-toggle { position: absolute; left: 30px; bottom: 30px; z-index: 2; width: 48px; height: 48px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.8); background-color: rgba(0, 0, 0, 0.35); color: rgb(255, 255, 255); font-size: 16px; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0px; opacity: 0; transition: opacity 0.3s, background-color 0.3s; }
.automazione-video-main .automazione-video-wrapper:hover .automazione-video-toggle, .automazione-video-main .automazione-video-toggle:focus-visible, .automazione-video-main .automazione-video-toggle.is-paused { opacity: 1; }
.automazione-video-main .automazione-video-toggle:hover { background-color: rgb(0, 151, 70); border-color: rgb(0, 151, 70); }
.automazione-video-main .automazione-video-toggle svg { width: 16px; height: 16px; display: block; fill: currentcolor; }
.automazione-video-main .automazione-video-toggle .icon-play { display: none; margin-left: 3px; }
.automazione-video-main .automazione-video-toggle.is-paused .icon-play { display: inline-block; }
.automazione-video-main .automazione-video-toggle.is-paused .icon-pause { display: none; }
@media (max-width: 991px){
.automazione-video-main .automazione-video-wrapper { aspect-ratio: 16 / 9; }
.automazione-video-main .automazione-video-toggle { left: 15px; bottom: 15px; width: 40px; height: 40px; font-size: 14px; opacity: 1; }
}
@media (max-width: 575px){
.automazione-video-main .automazione-video-wrapper { aspect-ratio: 4 / 3; }
}
.automazione-video-main .automazione-slider { width: 100%; overflow: hidden; }
.automazione-video-main .automazione-slider .swiper-slide { background-color: rgb(0, 0, 0); }
.automazione-video-main .automazione-slider .swiper-button-next, .automazione-video-main .automazione-slider .swiper-button-prev { color: rgb(255, 255, 255); width: 48px; height: 48px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.8); background-color: rgba(0, 0, 0, 0.35); transition: background-color 0.3s; }
.automazione-video-main .automazione-slider .swiper-button-next:hover, .automazione-video-main .automazione-slider .swiper-button-prev:hover { background-color: rgb(0, 151, 70); border-color: rgb(0, 151, 70); }
.automazione-video-main .automazione-slider .swiper-button-next::after, .automazione-video-main .automazione-slider .swiper-button-prev::after { font-size: 16px; font-weight: 700; }
.automazione-video-main .automazione-slider .swiper-pagination-bullet { width: 10px; height: 10px; background: rgb(255, 255, 255); opacity: 0.5; }
.automazione-video-main .automazione-slider .swiper-pagination-bullet-active { background: rgb(0, 151, 70); opacity: 1; }
@media (max-width: 991px){
.automazione-video-main .automazione-slider .swiper-button-next, .automazione-video-main .automazione-slider .swiper-button-prev { width: 40px; height: 40px; }
}
.automazione-header { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 20; background: transparent; padding: 28px 0px; pointer-events: none; }
.admin-bar .automazione-header { top: 32px; }
.automazione-header .container-fluid { padding-left: 40px; padding-right: 40px; }
.automazione-header .automazione-header-flex { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.automazione-header .logo-box a { display: inline-block; pointer-events: auto; line-height: 0; }
.automazione-header .logo-box img { height: 40px; width: auto; max-width: 100%; display: block; filter: drop-shadow(rgba(0, 0, 0, 0.35) 0px 2px 6px); }
.automazione-header .logo-box.logo-right img { height: 40px; }
.automazione-header .logo-box .logo-text { font-family: Montserrat, sans-serif; font-size: 26px; font-weight: 700; letter-spacing: -0.5px; color: rgb(255, 255, 255); text-decoration: none; line-height: 1; display: inline-flex; align-items: center; gap: 8px; text-shadow: rgba(0, 0, 0, 0.35) 0px 2px 6px; }
.automazione-header .logo-box .logo-text .logo-mark { font-size: 22px; }
.automazione-page main.automazione-main { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; }
@media (max-width: 991px){
.automazione-header { padding: 18px 0px; }
.automazione-header .container-fluid { padding-left: 20px; padding-right: 20px; }
.automazione-header .logo-box img { height: 36px; }
.automazione-header .logo-box.logo-right img { height: 30px; }
.automazione-header .logo-box .logo-text { font-size: 20px; }
}
@media (max-width: 782px){
.admin-bar .automazione-header { top: 46px; }
}
.automazione-hero-main { position: relative; width: 100%; background-color: rgb(10, 15, 12); color: rgb(255, 255, 255); overflow: hidden; }
.automazione-hero-main .automazione-hero-wrapper { position: relative; width: 100%; min-height: 700px; display: flex; align-items: center; }
.automazione-hero-main .hero-bg { position: absolute; inset: 0px; z-index: 0; }
.automazione-hero-main .hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; }
.automazione-hero-main .hero-bg::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.25) 45%, rgba(0, 0, 0, 0) 70%); }
.automazione-hero-main.text-right .hero-bg::after { background: linear-gradient(270deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.25) 45%, rgba(0, 0, 0, 0) 70%); }
.automazione-hero-main .hero-content { position: relative; z-index: 1; width: 100%; padding: 40px 80px 130px; }
.automazione-hero-main .hero-content-inner { max-width: 560px; }
.automazione-hero-main.text-right .hero-content-inner { margin-left: auto; }
.automazione-hero-main .hero-title br, .automazione-hero-main .hero-lead br { display: inline; }
.automazione-hero-main .hero-eyebrow { display: block; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: rgb(142, 196, 69); margin-bottom: 18px; }
.automazione-hero-main .hero-title { font-family: Montserrat, sans-serif; font-size: 56px; font-weight: 800; line-height: 1.05; text-transform: uppercase; color: rgb(142, 196, 69); margin: 0px 0px 24px; }
.automazione-hero-main .hero-lead { font-family: Montserrat, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.35; color: rgb(255, 255, 255); margin: 0px 0px 18px; }
.automazione-hero-main .hero-description, .automazione-hero-main .hero-description p { font-family: Montserrat, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; color: rgba(255, 255, 255, 0.85); margin: 0px; }
.automazione-hero-main .hero-description p + p { margin-top: 12px; }
@media (max-width: 1199px){
.automazione-hero-main .hero-content { padding: 70px 50px; }
.automazione-hero-main .hero-title { font-size: 46px; }
}
@media (max-width: 991px){
.automazione-hero-main .automazione-hero-wrapper { min-height: 560px; }
.automazione-hero-main .hero-content { padding: 60px 30px; }
.automazione-hero-main .hero-title { font-size: 38px; }
.automazione-hero-main .hero-lead { font-size: 18px; }
}
@media (max-width: 575px){
.automazione-hero-main .automazione-hero-wrapper { min-height: 480px; align-items: flex-end; }
.automazione-hero-main .hero-bg::after { background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.1) 100%); }
.automazione-hero-main .hero-content { padding: 40px 20px; }
.automazione-hero-main .hero-title { font-size: 32px; }
.automazione-hero-main .hero-lead { font-size: 16px; }
.automazione-hero-main .hero-description, .automazione-hero-main .hero-description p { font-size: 14px; }
}
.automazione-cta-main { position: relative; width: 100%; background-color: rgb(13, 19, 16); color: rgb(255, 255, 255); }
.automazione-cta-main .automazione-cta-grid { display: flex; flex-wrap: wrap; justify-content: center; padding: 0px 60px; }
.automazione-cta-main .single-cta-item { flex: 1 1 0px; min-width: 180px; max-width: 280px; padding: 38px 20px 34px; text-align: center; text-decoration: none; color: rgb(255, 255, 255); border-left: 1px solid rgba(255, 255, 255, 0.15); display: flex; flex-direction: column; align-items: center; transition: background-color 0.3s; }
.automazione-cta-main .single-cta-item:first-child { border-left: 0px; }
.automazione-cta-main .single-cta-item.has-link:hover, .automazione-cta-main .single-cta-item.has-link:focus-visible { background-color: rgba(255, 255, 255, 0.04); color: rgb(255, 255, 255); text-decoration: none; }
.automazione-cta-main .cta-icon { width: 128px; height: 128px; margin-bottom: 18px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s; }
.automazione-cta-main .cta-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
.automazione-cta-main .single-cta-item.has-link:hover .cta-icon { transform: translateY(-3px); }
.automazione-cta-main .cta-title { font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgb(142, 196, 69); margin: 0px 0px 8px; line-height: 1.3; }
.automazione-cta-main .cta-text { font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.85); margin: 0px; }
.automazione-cta-main .cta-text br { display: inline; }
@media (max-width: 1199px){
.automazione-cta-main .automazione-cta-grid { padding: 0px 20px; }
.automazione-cta-main .single-cta-item { padding: 30px 14px 28px; min-width: 160px; }
}
@media (max-width: 991px){
.automazione-cta-main .automazione-cta-grid { padding: 10px 0px; }
.automazione-cta-main .single-cta-item { flex: 0 0 33.333%; max-width: 33.333%; min-width: 0px; border-left: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
}
@media (max-width: 575px){
.automazione-cta-main .single-cta-item { flex: 0 0 50%; max-width: 50%; padding: 24px 12px; }
.automazione-cta-main .cta-icon { width: 112px; height: 112px; margin-bottom: 14px; }
}
.automazione-solution-main { position: relative; width: 100%; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 80px 0px; }
.automazione-solution-main .container { max-width: 1200px; }
.automazione-solution-main .sol-category { display: block; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: rgb(142, 196, 69); margin-bottom: 22px; }
.automazione-solution-main .sol-intro { display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start; }
.automazione-solution-main .sol-intro-text { flex: 1 1 520px; min-width: 300px; }
.automazione-solution-main .sol-title { font-family: Montserrat, sans-serif; font-size: 44px; font-weight: 800; text-transform: uppercase; color: rgb(142, 196, 69); margin: 0px 0px 14px; line-height: 1; }
.automazione-solution-main .sol-subtitle { font-family: Montserrat, sans-serif; font-size: 22px; font-weight: 700; line-height: 1.3; color: rgb(255, 255, 255); margin: 0px 0px 20px; }
.automazione-solution-main .sol-subtitle br { display: inline; }
.automazione-solution-main .sol-description, .automazione-solution-main .sol-description p { font-family: Montserrat, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.7; color: rgba(255, 255, 255, 0.8); margin: 0px; }
.automazione-solution-main .sol-description p + p { margin-top: 12px; }
.automazione-solution-main .sol-metrics { flex: 0 1 380px; min-width: 280px; background-color: rgb(20, 26, 22); border-radius: 6px; padding: 34px 34px 30px; }
.automazione-solution-main .sol-metric + .sol-metric { margin-top: 26px; }
.automazione-solution-main .sol-metric-value { font-family: Montserrat, sans-serif; font-size: 30px; font-weight: 800; line-height: 1.1; color: rgb(255, 255, 255); margin-bottom: 8px; }
.automazione-solution-main .sol-metric-value.is-green { color: rgb(142, 196, 69); }
.automazione-solution-main .sol-metric-caption { font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.7); margin: 0px; }
.automazione-solution-main .sol-metric-caption br { display: inline; }
.automazione-solution-main .sol-images { display: grid; gap: 16px; margin-top: 40px; }
.automazione-solution-main .sol-images[data-count="2"] { grid-template-columns: 1fr 1fr; }
.automazione-solution-main .sol-images[data-count="3"] { grid-template-columns: 1fr 1fr 2fr; }
.automazione-solution-main .sol-images[data-count="1"] { grid-template-columns: 1fr; }
.automazione-solution-main .sol-image { border-radius: 6px; overflow: hidden; height: 320px; background-color: rgb(20, 26, 22); }
.automazione-solution-main .sol-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.automazione-solution-main .sol-features { margin-top: 44px; }
.automazione-solution-main .sol-features-title { display: inline-block; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgb(142, 196, 69); border: 1px solid rgb(142, 196, 69); border-radius: 3px; padding: 6px 14px; margin-bottom: 26px; }
.automazione-solution-main .sol-features-list { list-style: none; counter-reset: sol-feat 0; margin: 0px; padding: 0px; columns: 2; column-gap: 56px; }
.automazione-solution-main .sol-features-list li { counter-increment: sol-feat 1; break-inside: avoid; position: relative; padding-left: 34px; margin-bottom: 16px; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.82); }
.automazione-solution-main .sol-features-list li::before { content: counter(sol-feat, decimal-leading-zero) "."; position: absolute; left: 0px; top: 0px; font-weight: 700; color: rgb(142, 196, 69); }
.automazione-solution-main .sol-cta-wrap { margin-top: 30px; }
.automazione-solution-main .sol-cta { display: inline-block; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: rgb(255, 255, 255); background-color: rgb(0, 155, 62); border: 1px solid rgb(0, 155, 62); border-radius: 4px; padding: 14px 34px; text-decoration: none; transition: background-color 0.3s, color 0.3s; }
.automazione-solution-main .sol-cta:hover, .automazione-solution-main .sol-cta:focus-visible { background-color: transparent; color: rgb(142, 196, 69); }
.automazione-solution-main .sol-optional { margin-top: 24px; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; color: rgb(142, 196, 69); }
.automazione-solution-main .sol-optional br { display: inline; }
@media (max-width: 991px){
.automazione-solution-main { padding: 60px 0px; }
.automazione-solution-main .sol-title { font-size: 36px; }
.automazione-solution-main .sol-subtitle { font-size: 19px; }
.automazione-solution-main .sol-features-list { columns: 1; }
.automazione-solution-main .sol-images[data-count="3"] { grid-template-columns: 1fr 1fr; }
.automazione-solution-main .sol-images[data-count="3"] .sol-image:last-child { grid-column: 1 / -1; }
.automazione-solution-main .sol-image { height: 260px; }
}
@media (max-width: 575px){
.automazione-solution-main .sol-intro { gap: 26px; }
.automazione-solution-main .sol-metrics { padding: 24px; }
.automazione-solution-main .sol-images, .automazione-solution-main .sol-images[data-count="2"], .automazione-solution-main .sol-images[data-count="3"] { grid-template-columns: 1fr; }
.automazione-solution-main .sol-image { height: 220px; }
.automazione-solution-main .sol-cta { width: 100%; text-align: center; }
}
.automazione-textslider-main { position: relative; width: 100%; background-color: rgb(21, 26, 23); color: rgb(255, 255, 255); padding: 80px 0px; }
.automazione-textslider-main .container { max-width: 1200px; }
.automazione-textslider-main .textslider-card { display: flex; gap: 50px; align-items: center; }
.automazione-textslider-main.slider-left .textslider-card { flex-direction: row-reverse; }
.automazione-textslider-main .textslider-content { flex: 1 1 0px; min-width: 0px; }
.automazione-textslider-main .textslider-media { flex: 0 0 44%; max-width: 44%; }
.automazione-textslider-main .ts-title { font-family: Montserrat, sans-serif; font-size: 34px; font-weight: 800; color: rgb(142, 196, 69); margin: 0px 0px 12px; line-height: 1; }
.automazione-textslider-main .ts-subtitle { font-family: Montserrat, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.3; color: rgb(255, 255, 255); margin: 0px 0px 16px; }
.automazione-textslider-main .ts-subtitle br { display: inline; }
.automazione-textslider-main .ts-intro, .automazione-textslider-main .ts-intro p { font-family: Montserrat, sans-serif; font-size: 14px; line-height: 1.65; color: rgba(255, 255, 255, 0.8); margin: 0px; }
.automazione-textslider-main .ts-intro p + p { margin-top: 10px; }
.automazione-textslider-main .ts-features { margin-top: 26px; }
.automazione-textslider-main .ts-list-heading { display: inline-block; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.5px; color: rgb(142, 196, 69); border: 1px solid rgb(142, 196, 69); border-radius: 3px; padding: 5px 12px; margin-bottom: 18px; }
.automazione-textslider-main .ts-list { list-style: none; counter-reset: ts-feat 0; margin: 0px; padding: 0px; }
.automazione-textslider-main .ts-list li { counter-increment: ts-feat 1; position: relative; padding-left: 34px; margin-bottom: 8px; font-family: Montserrat, sans-serif; font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, 0.85); }
.automazione-textslider-main .ts-list li::before { content: counter(ts-feat, decimal-leading-zero) "."; position: absolute; left: 0px; top: 0px; font-weight: 700; color: rgb(142, 196, 69); }
.automazione-textslider-main .ts-optional { margin: 20px 0px 0px; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 600; line-height: 1.5; color: rgb(142, 196, 69); }
.automazione-textslider-main .ts-optional br { display: inline; }
.automazione-textslider-main .ts-cta { display: inline-block; margin-top: 26px; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: rgb(255, 255, 255); background-color: rgb(0, 155, 62); border: 1px solid rgb(0, 155, 62); border-radius: 4px; padding: 13px 30px; text-decoration: none; transition: background-color 0.3s, color 0.3s; }
.automazione-textslider-main .ts-cta:hover, .automazione-textslider-main .ts-cta:focus-visible { background-color: transparent; color: rgb(142, 196, 69); }
.automazione-textslider-main .automazione-image-slider { position: relative; width: 100%; padding-bottom: 26px; }
.automazione-textslider-main .automazione-image-slider .swiper-slide { aspect-ratio: 520 / 580; border-radius: 6px; overflow: hidden; background-color: rgb(13, 19, 16); }
.automazione-textslider-main .automazione-image-slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 6px; }
.automazione-textslider-main .automazione-image-slider .swiper-pagination { bottom: 0px; line-height: 0; }
.automazione-textslider-main .automazione-image-slider .swiper-pagination-bullet { width: 9px; height: 9px; background: rgb(255, 255, 255); opacity: 0.5; }
.automazione-textslider-main .automazione-image-slider .swiper-pagination-bullet-active { background: rgb(142, 196, 69); opacity: 1; }
@media (max-width: 1199px){
.automazione-textslider-main .textslider-card { gap: 36px; }
}
@media (max-width: 991px){
.automazione-textslider-main { padding: 60px 0px; }
.automazione-textslider-main .textslider-card, .automazione-textslider-main.slider-left .textslider-card { flex-direction: column; gap: 30px; }
.automazione-textslider-main .textslider-media { flex-basis: auto; max-width: 420px; width: 100%; margin: 0px auto; }
}
@media (max-width: 575px){
.automazione-textslider-main .container { padding-left: 15px; padding-right: 15px; }
.automazione-textslider-main .ts-title { font-size: 28px; }
.automazione-textslider-main .ts-subtitle { font-size: 18px; }
.automazione-textslider-main .ts-cta { width: 100%; text-align: center; }
}
.automazione-edition-main { position: relative; width: 100%; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding-top: 80px; }
.automazione-edition-main .container { max-width: 1200px; }
.automazione-edition-main .edition-header { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 40px; }
.automazione-edition-main .edition-text { flex: 1 1 480px; max-width: 560px; }
.automazione-edition-main .ed-label { display: block; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: rgb(142, 196, 69); margin-bottom: 18px; }
.automazione-edition-main .ed-title { font-family: Montserrat, sans-serif; font-size: 40px; font-weight: 800; line-height: 1.05; margin: 0px 0px 20px; }
.automazione-edition-main .ed-headline { font-family: Montserrat, sans-serif; font-size: 21px; font-weight: 700; line-height: 1.3; color: rgb(255, 255, 255); margin: 0px 0px 18px; }
.automazione-edition-main .ed-headline br { display: inline; }
.automazione-edition-main .ed-description, .automazione-edition-main .ed-description p { font-family: Montserrat, sans-serif; font-size: 14px; line-height: 1.65; color: rgba(255, 255, 255, 0.8); margin: 0px; }
.automazione-edition-main .ed-description p + p { margin-top: 10px; }
.automazione-edition-main .edition-badges { list-style: none; margin: 0px 0px 4px; padding: 0px; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; }
.automazione-edition-main .edition-badges li { width: 76px; height: 76px; flex: 0 0 auto; }
.automazione-edition-main .edition-badges a { display: block; }
.automazione-edition-main .edition-badges img { width: 100%; height: 100%; object-fit: contain; display: block; }
.automazione-edition-main .edition-image { margin-top: 40px; width: 100%; }
.automazione-edition-main .edition-image img { width: 100%; height: auto; display: block; }
@media (max-width: 991px){
.automazione-edition-main { padding-top: 60px; }
.automazione-edition-main .ed-title { font-size: 32px; }
.automazione-edition-main .edition-badges { gap: 16px; }
.automazione-edition-main .edition-badges li { width: 64px; height: 64px; }
}
@media (max-width: 575px){
.automazione-edition-main .ed-title { font-size: 27px; }
.automazione-edition-main .ed-headline { font-size: 18px; }
.automazione-edition-main .edition-badges li { width: 56px; height: 56px; }
.automazione-edition-main .edition-image { margin-top: 30px; }
}
.automazione-caratt-main { --as7-accent: #f5a623; position: relative; width: 100%; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); padding: 70px 0px 80px; }
.automazione-caratt-main.theme-dark { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.automazione-sec-6 + .automazione-caratt-main { padding-top: 0px; margin-top: -70px; }
@media (max-width: 991px){
.automazione-sec-6 + .automazione-caratt-main { margin-top: 0px; padding-top: 30px; }
}
@media (max-width: 575px){
.automazione-sec-6 + .automazione-caratt-main { padding-top: 24px; }
}
.automazione-caratt-main .container { max-width: 1200px; }
.automazione-caratt-main .caratt-grid { display: flex; flex-wrap: wrap; gap: 60px; align-items: stretch; }
.automazione-caratt-main .caratt-left { flex: 1 1 440px; max-width: 520px; display: flex; flex-direction: column; }
.automazione-caratt-main .caratt-right { flex: 1 1 440px; }
.automazione-caratt-main .ca-title { font-family: Montserrat, sans-serif; font-size: 26px; font-weight: 800; text-transform: uppercase; line-height: 1.2; color: var(--as7-accent); margin: 0px 0px 26px; }
.automazione-caratt-main .ca-title br { display: inline; }
.automazione-caratt-main .ca-tag { display: inline-block; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--as7-accent); border: 1px solid var(--as7-accent); border-radius: 3px; padding: 5px 12px; margin-bottom: 16px; }
.automazione-caratt-main .ca-block + .ca-block { margin-top: 26px; }
.automazione-caratt-main .ca-text, .automazione-caratt-main .ca-text p { font-family: Montserrat, sans-serif; font-size: 13px; line-height: 1.65; color: rgb(51, 51, 51); margin: 0px; }
.automazione-caratt-main.theme-dark .ca-text, .automazione-caratt-main.theme-dark .ca-text p { color: rgba(255, 255, 255, 0.8); }
.automazione-caratt-main .ca-text p + p { margin-top: 10px; }
.automazione-caratt-main .ca-cta { display: inline-block; align-self: flex-start; margin-top: auto; position: relative; top: 0px; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: rgb(255, 255, 255); background-color: var(--as7-accent); border: 1px solid var(--as7-accent); border-radius: 4px; padding: 13px 30px; text-decoration: none; transition: background-color 0.3s, color 0.3s; }
.automazione-caratt-main .ca-block:last-of-type { margin-bottom: 60px; }
.automazione-caratt-main .ca-cta:hover, .automazione-caratt-main .ca-cta:focus-visible { background-color: transparent; color: var(--as7-accent); }
.automazione-caratt-main .ca-features { list-style: none; margin: 0px; padding: 0px; }
.automazione-caratt-main .ca-features li { position: relative; padding-left: 16px; margin-bottom: 16px; }
.automazione-caratt-main .ca-features li:last-child { margin-bottom: 0px; }
.automazione-caratt-main .ca-features li::before { content: "›"; position: absolute; left: 0px; top: -2px; font-family: Montserrat, sans-serif; font-size: 15px; font-weight: 700; color: var(--as7-accent); }
.automazione-caratt-main .ca-feature-title { display: block; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; color: var(--as7-accent); margin-bottom: 4px; }
.automazione-caratt-main .ca-feature-text { font-family: Montserrat, sans-serif; font-size: 12px; line-height: 1.6; color: rgb(51, 51, 51); margin: 0px; }
.automazione-caratt-main.theme-dark .ca-feature-text { color: rgba(255, 255, 255, 0.8); }
@media (max-width: 991px){
.automazione-caratt-main { padding: 50px 0px 60px; }
.automazione-caratt-main .caratt-grid { gap: 40px; }
.automazione-caratt-main .caratt-left { max-width: none; }
}
@media (max-width: 575px){
.automazione-caratt-main .ca-title { font-size: 22px; }
.automazione-caratt-main .ca-cta { width: 100%; text-align: center; }
}
.automazione-robotica-main { position: relative; width: 100%; background-color: rgb(21, 26, 23); color: rgb(255, 255, 255); padding: 80px 0px; }
.automazione-robotica-main .container { max-width: 1200px; }
.automazione-robotica-main .robotica-card { padding: 0px; }
.automazione-robotica-main .rob-intro { display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start; }
.automazione-robotica-main .rob-intro-text { flex: 1 1 380px; min-width: 0px; }
.automazione-robotica-main .rob-image { flex: 0 1 48%; max-width: 48%; }
.automazione-robotica-main .rob-image img { width: 100%; height: auto; display: block; border-radius: 6px; }
.automazione-robotica-main .rob-label { display: block; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: rgb(142, 196, 69); margin-bottom: 16px; }
.automazione-robotica-main .rob-title { font-family: Montserrat, sans-serif; font-size: 34px; font-weight: 800; text-transform: uppercase; line-height: 1.1; color: rgb(142, 196, 69); margin: 0px 0px 18px; }
.automazione-robotica-main .rob-title br, .automazione-robotica-main .rob-headline br { display: inline; }
.automazione-robotica-main .rob-headline { font-family: Montserrat, sans-serif; font-size: 19px; font-weight: 700; line-height: 1.3; color: rgb(255, 255, 255); margin: 0px 0px 14px; }
.automazione-robotica-main .rob-description, .automazione-robotica-main .rob-description p { font-family: Montserrat, sans-serif; font-size: 13px; line-height: 1.65; color: rgba(255, 255, 255, 0.8); margin: 0px; }
.automazione-robotica-main .rob-description p + p { margin-top: 10px; }
.automazione-robotica-main .rob-columns { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 50px; margin-top: 44px; counter-reset: rob-item 0; }
.automazione-robotica-main .rob-columns[data-cols="3"] { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.automazione-robotica-main .rob-columns[data-cols="1"] { grid-template-columns: minmax(0px, 1fr); }
.automazione-robotica-main .rob-col { min-width: 0px; }
.automazione-robotica-main .rob-col:not(:first-child) { grid-row: 1 / span 2; }
.automazione-robotica-main .rob-cta-wrap { grid-area: 2 / 1; align-self: end; padding-top: 40px; }
.automazione-robotica-main .rob-tag { display: inline-block; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgb(142, 196, 69); border: 1px solid rgb(142, 196, 69); border-radius: 3px; padding: 5px 12px; margin-bottom: 20px; }
.automazione-robotica-main .rob-list { list-style: none; margin: 0px; padding: 0px; }
.automazione-robotica-main .rob-list li { counter-increment: rob-item 1; position: relative; padding-left: 34px; margin-bottom: 16px; }
.automazione-robotica-main .rob-list li:last-child { margin-bottom: 0px; }
.automazione-robotica-main .rob-list li::before { content: counter(rob-item, decimal-leading-zero) "."; position: absolute; left: 0px; top: 0px; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; color: rgb(142, 196, 69); }
.automazione-robotica-main .rob-item-title { display: block; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: rgb(142, 196, 69); margin-bottom: 4px; }
.automazione-robotica-main .rob-item-text { font-family: Montserrat, sans-serif; font-size: 12px; line-height: 1.6; color: rgba(255, 255, 255, 0.8); margin: 0px; }
.automazione-robotica-main .rob-cta { display: inline-block; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: rgb(255, 255, 255); background-color: rgb(0, 155, 62); border: 1px solid rgb(0, 155, 62); border-radius: 4px; padding: 13px 30px; text-decoration: none; transition: background-color 0.3s, color 0.3s; }
.automazione-robotica-main .rob-cta:hover, .automazione-robotica-main .rob-cta:focus-visible { background-color: transparent; color: rgb(142, 196, 69); }
@media (max-width: 991px){
.automazione-robotica-main { padding: 60px 0px; }
.automazione-robotica-main .rob-image { flex-basis: 100%; max-width: 100%; }
.automazione-robotica-main .rob-columns, .automazione-robotica-main .rob-columns[data-cols="3"] { grid-template-columns: minmax(0px, 1fr); row-gap: 36px; }
.automazione-robotica-main .rob-col:not(:first-child) { grid-row: auto; }
.automazione-robotica-main .rob-cta-wrap { grid-area: auto / 1; padding-top: 0px; }
}
@media (max-width: 575px){
.automazione-robotica-main .rob-title { font-size: 27px; }
.automazione-robotica-main .rob-headline { font-size: 17px; }
.automazione-robotica-main .rob-cta { width: 100%; text-align: center; }
}
.automazione-integrate-main { position: relative; width: 100%; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 80px 0px; }
.automazione-integrate-main .container { max-width: 1200px; }
.automazione-integrate-main .int-intro { max-width: 760px; }
.automazione-integrate-main .int-label { display: block; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: rgb(142, 196, 69); margin-bottom: 16px; }
.automazione-integrate-main .int-title { font-family: Montserrat, sans-serif; font-size: 32px; font-weight: 800; text-transform: uppercase; line-height: 1.1; color: rgb(142, 196, 69); margin: 0px 0px 16px; }
.automazione-integrate-main .int-title br { display: inline; }
.automazione-integrate-main .int-headline { font-family: Montserrat, sans-serif; font-size: 17px; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 12px; }
.automazione-integrate-main .int-description, .automazione-integrate-main .int-description p { font-family: Montserrat, sans-serif; font-size: 13px; line-height: 1.65; color: rgba(255, 255, 255, 0.8); margin: 0px; }
.automazione-integrate-main .int-grid { display: grid; grid-template-columns: 2fr 1fr; grid-auto-rows: minmax(0px, auto); gap: 14px; margin-top: 34px; }
.automazione-integrate-main .int-photo { background-color: rgb(255, 255, 255); border-radius: 6px; overflow: hidden; aspect-ratio: 421 / 282; }
.automazione-integrate-main .int-photo.is-large { grid-row: 1 / span 2; aspect-ratio: auto; }
.automazione-integrate-main .int-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.automazione-integrate-main .int-caption { margin: 18px 0px 0px; font-family: Montserrat, sans-serif; font-size: 11px; line-height: 1.55; color: rgba(255, 255, 255, 0.6); }
.automazione-integrate-main .int-caption br { display: inline; }
.automazione-integrate-main .int-configs { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; margin-top: 30px; }
.automazione-integrate-main .int-config { background-color: rgb(21, 26, 23); border-radius: 6px; padding: 20px 22px; min-height: 96px; }
.automazione-integrate-main .int-config.is-highlight { background-color: rgb(21, 26, 23); }
.automazione-integrate-main .int-config-title { display: block; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgb(142, 196, 69); margin-bottom: 8px; }
.automazione-integrate-main .int-config-text { font-family: Montserrat, sans-serif; font-size: 12px; line-height: 1.55; color: rgba(255, 255, 255, 0.85); margin: 0px; }
.automazione-integrate-main .int-config-text br { display: inline; }
.automazione-integrate-main .int-benefits { list-style: none; margin: 34px 0px 0px; padding: 0px; columns: 2; column-gap: 50px; }
.automazione-integrate-main .int-benefits li { break-inside: avoid; display: flex; gap: 8px; align-items: flex-start; margin-bottom: 10px; font-family: Montserrat, sans-serif; font-size: 12px; line-height: 1.5; color: rgba(255, 255, 255, 0.85); }
.automazione-integrate-main .int-benefits li::before { content: "›"; flex: 0 0 auto; line-height: 1; font-size: 15px; font-weight: 700; color: rgb(142, 196, 69); }
@media (max-width: 991px){
.automazione-integrate-main { padding: 60px 0px; }
.automazione-integrate-main .int-title { font-size: 27px; }
.automazione-integrate-main .int-configs { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 575px){
.automazione-integrate-main .int-grid { grid-template-columns: 1fr; }
.automazione-integrate-main .int-photo.is-large { grid-row: auto; aspect-ratio: 843 / 580; }
.automazione-integrate-main .int-configs { grid-template-columns: 1fr; }
.automazione-integrate-main .int-benefits { columns: 1; }
.automazione-integrate-main .int-title { font-size: 24px; }
}
.automazione-orquestra-main { position: relative; width: 100%; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 80px 0px; }
.automazione-orquestra-main .container { max-width: 1200px; }
.automazione-orquestra-main .orq-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 30px; }
.automazione-orquestra-main .orq-text { flex: 1 1 420px; max-width: 640px; }
.automazione-orquestra-main .orq-label { display: block; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: rgb(142, 196, 69); margin-bottom: 14px; }
.automazione-orquestra-main .orq-title { font-family: Montserrat, sans-serif; font-size: 30px; font-weight: 800; text-transform: uppercase; line-height: 1.1; color: rgb(142, 196, 69); margin: 0px 0px 10px; }
.automazione-orquestra-main .orq-headline { font-family: Montserrat, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.3; color: rgb(255, 255, 255); margin: 0px; }
.automazione-orquestra-main .orq-headline br { display: inline; }
.automazione-orquestra-main .orq-logos { display: flex; align-items: center; gap: 28px; flex: 0 0 auto; }
.automazione-orquestra-main .orq-logos img { height: 52px; width: auto; display: block; }
.automazione-orquestra-main .orq-intro, .automazione-orquestra-main .orq-intro p { font-family: Montserrat, sans-serif; font-size: 13px; line-height: 1.65; color: rgba(255, 255, 255, 0.8); margin: 0px; }
.automazione-orquestra-main .orq-intro { margin-top: 18px; max-width: 900px; }
.automazione-orquestra-main .orq-hero { margin-top: 34px; }
.automazione-orquestra-main .orq-hero img { width: 100%; height: auto; display: block; border-radius: 6px; }
.automazione-orquestra-main .orq-features { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px; margin-top: 0px; position: relative; }
.automazione-orquestra-main .orq-feature { padding: 4px 30px 4px 0px; }
.automazione-orquestra-main .orq-feature + .orq-feature { border-left: 1px solid rgba(255, 255, 255, 0.15); padding-left: 30px; }
.automazione-orquestra-main .orq-features[data-count="4"] { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.automazione-orquestra-main .orq-features[data-count="2"] { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.automazione-orquestra-main .orq-feature-title { display: block; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgb(142, 196, 69); margin-bottom: 8px; }
.automazione-orquestra-main .orq-feature-text { font-family: Montserrat, sans-serif; font-size: 12px; line-height: 1.6; color: rgba(255, 255, 255, 0.8); margin: 0px; }
.automazione-orquestra-main .automazione-dash-slider { margin-top: 40px; padding-bottom: 28px; }
.automazione-orquestra-main .orq-slide { margin: 0px; }
.automazione-orquestra-main .orq-slide-img { border-radius: 6px; overflow: hidden; background-color: rgb(21, 26, 23); aspect-ratio: 624 / 358; }
.automazione-orquestra-main .orq-slide-img img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.automazione-orquestra-main .orq-slide figcaption { margin-top: 12px; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); }
.automazione-orquestra-main .automazione-dash-slider .swiper-pagination { bottom: 0px; line-height: 0; }
.automazione-orquestra-main .automazione-dash-slider .swiper-pagination-bullet { width: 8px; height: 8px; background: rgb(255, 255, 255); opacity: 0.4; }
.automazione-orquestra-main .automazione-dash-slider .swiper-pagination-bullet-active { background: rgb(142, 196, 69); opacity: 1; }
.automazione-orquestra-main .orq-cta { display: inline-block; margin-top: 30px; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: rgb(255, 255, 255); background-color: rgb(0, 155, 62); border: 1px solid rgb(0, 155, 62); border-radius: 4px; padding: 13px 30px; text-decoration: none; transition: background-color 0.3s, color 0.3s; }
.automazione-orquestra-main .orq-cta:hover, .automazione-orquestra-main .orq-cta:focus-visible { background-color: transparent; color: rgb(142, 196, 69); }
@media (max-width: 991px){
.automazione-orquestra-main { padding: 60px 0px; }
.automazione-orquestra-main .orq-features, .automazione-orquestra-main .orq-features[data-count="4"] { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 24px; }
.automazione-orquestra-main .orq-feature:nth-child(2n+1) { border-left: 0px; padding-left: 0px; }
.automazione-orquestra-main .orq-logos img { height: 28px; }
}
@media (max-width: 575px){
.automazione-orquestra-main .orq-title { font-size: 25px; }
.automazione-orquestra-main .orq-features, .automazione-orquestra-main .orq-features[data-count="4"], .automazione-orquestra-main .orq-features[data-count="2"] { grid-template-columns: 1fr; }
.automazione-orquestra-main .orq-feature + .orq-feature { border-left: 0px; padding-left: 0px; }
.automazione-orquestra-main .orq-cta { width: 100%; text-align: center; }
}
.automazione-videos-main { position: relative; width: 100%; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 80px 0px; }
.automazione-videos-main .container { max-width: 1200px; }
.automazione-videos-main .vid-label { display: block; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: rgb(142, 196, 69); margin-bottom: 12px; }
.automazione-videos-main .vid-title-row { display: flex; align-items: center; gap: 24px; margin-bottom: 30px; }
.automazione-videos-main .vid-title { font-family: Montserrat, sans-serif; font-size: 22px; font-weight: 800; text-transform: uppercase; color: rgb(255, 255, 255); margin: 0px; white-space: nowrap; }
.automazione-videos-main .vid-title-line { flex: 1 1 auto; height: 2px; background-color: rgb(142, 196, 69); }
.automazione-videos-main .vid-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 28px; }
.automazione-videos-main .vid-grid[data-count="1"] { grid-template-columns: minmax(0px, 1fr); max-width: 760px; }
.automazione-videos-main .vid-grid[data-count="2"] { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.automazione-videos-main .vid-grid[data-count="4"] { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.automazione-videos-main .vid-thumb { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 0px; border-radius: 6px; overflow: hidden; background-color: rgb(21, 26, 23); padding: 0px; cursor: pointer; }
.automazione-videos-main .vid-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s; }
.automazione-videos-main .vid-thumb:hover img { transform: scale(1.04); }
.automazione-videos-main .vid-play { position: absolute; top: 50%; left: 50%; width: 48px; height: 48px; margin: -24px 0px 0px -24px; border-radius: 50%; background-color: rgb(0, 155, 62); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 14px; transition: background-color 0.3s, transform 0.3s; }
.automazione-videos-main .vid-play svg { width: 16px; height: 16px; margin-left: 3px; }
.automazione-videos-main .vid-thumb:hover .vid-play, .automazione-videos-main .vid-thumb:focus-visible .vid-play { background-color: rgb(142, 196, 69); transform: scale(1.08); }
.automazione-videos-main .vid-duration { position: absolute; right: 10px; bottom: 10px; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 600; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 3px 7px; }
.automazione-videos-main .vid-caption { margin: 12px 0px 0px; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); }
.automazione-video-modal { position: fixed; inset: 0px; z-index: 99999; background-color: rgba(0, 0, 0, 0.92); display: none; align-items: center; justify-content: center; padding: 40px 20px; }
.automazione-video-modal.is-open { display: flex; }
.automazione-video-modal .avm-inner { position: relative; width: 100%; max-width: 1100px; aspect-ratio: 16 / 9; background-color: rgb(0, 0, 0); border-radius: 6px; overflow: hidden; }
.automazione-video-modal .avm-inner iframe, .automazione-video-modal .avm-inner video { position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px; display: block; background-color: rgb(0, 0, 0); }
.automazione-video-modal .avm-close { position: absolute; top: 14px; right: 20px; width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.7); background-color: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); font-size: 26px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s; }
.automazione-video-modal .avm-close:hover { background-color: rgb(0, 155, 62); border-color: rgb(0, 155, 62); }
body.automazione-video-open { overflow: hidden; }
@media (max-width: 991px){
.automazione-videos-main { padding: 60px 0px; }
.automazione-videos-main .vid-grid, .automazione-videos-main .vid-grid[data-count="4"] { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; }
}
@media (max-width: 575px){
.automazione-videos-main .vid-grid, .automazione-videos-main .vid-grid[data-count="2"], .automazione-videos-main .vid-grid[data-count="4"] { grid-template-columns: 1fr; }
.automazione-videos-main .vid-title { font-size: 19px; white-space: normal; }
.automazione-video-modal { padding: 20px 10px; }
}
.automazione-contatti-main { position: relative; width: 100%; background-color: rgb(13, 19, 16); color: rgb(255, 255, 255); padding: 80px 0px; }
.automazione-contatti-main .container { max-width: 1200px; }
.automazione-contatti-main .contatti-grid { display: flex; flex-wrap: wrap; gap: 60px; align-items: flex-start; }
.automazione-contatti-main .contatti-text { flex: 1 1 380px; max-width: 480px; padding-top: 10px; }
.automazione-contatti-main .contatti-form { flex: 1 1 460px; }
.automazione-contatti-main .ct-label { display: block; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: rgb(142, 196, 69); margin-bottom: 18px; }
.automazione-contatti-main .ct-title { font-family: Montserrat, sans-serif; font-size: 36px; font-weight: 800; line-height: 1.1; color: rgb(255, 255, 255); margin: 0px 0px 18px; }
.automazione-contatti-main .ct-title br { display: inline; }
.automazione-contatti-main .ct-intro, .automazione-contatti-main .ct-intro p { font-family: Montserrat, sans-serif; font-size: 13px; line-height: 1.65; color: rgba(255, 255, 255, 0.75); margin: 0px; }
.automazione-contatti-main .ct-list { list-style: none; margin: 34px 0px 0px; padding: 0px; }
.automazione-contatti-main .ct-list li { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; font-family: Montserrat, sans-serif; font-size: 13px; color: rgba(255, 255, 255, 0.85); }
.automazione-contatti-main .ct-list a { color: inherit; text-decoration: none; }
.automazione-contatti-main .ct-list a:hover { color: rgb(142, 196, 69); }
.automazione-contatti-main .ct-icon { width: 34px; height: 34px; border-radius: 50%; background-color: rgb(21, 26, 23); color: rgb(142, 196, 69); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.automazione-contatti-main .contatti-form { background-color: rgb(21, 26, 23); border-radius: 8px; padding: 30px 30px 26px; }
.automazione-contatti-main .contatti-form .ctf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.automazione-contatti-main .contatti-form .ctf-field { margin-bottom: 16px; }
.automazione-contatti-main .contatti-form label { display: block; font-family: Montserrat, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgb(142, 196, 69); margin: 0px 0px 6px; }
.automazione-contatti-main .contatti-form .wpcf7-form-control-wrap { display: block; margin-top: 6px; }
.automazione-contatti-main .contatti-form input[type="text"], .automazione-contatti-main .contatti-form input[type="email"], .automazione-contatti-main .contatti-form input[type="tel"], .automazione-contatti-main .contatti-form textarea { width: 100%; background-color: rgb(13, 19, 16); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 12px; line-height: 1.4; padding: 11px 12px; height: auto; outline: none; transition: border-color 0.3s; }
.automazione-contatti-main .contatti-form textarea { height: 100px; min-height: 100px; resize: vertical; }
.automazione-contatti-main .contatti-form input::placeholder, .automazione-contatti-main .contatti-form textarea::placeholder { color: rgba(255, 255, 255, 0.35); }
.automazione-contatti-main .contatti-form input:focus, .automazione-contatti-main .contatti-form textarea:focus { border-color: rgb(142, 196, 69); }
.automazione-contatti-main .contatti-form .ctf-legal { font-family: Montserrat, sans-serif; font-size: 10px; line-height: 1.5; color: rgba(255, 255, 255, 0.6); margin: 4px 0px 8px; }
.automazione-contatti-main .contatti-form .ctf-check { margin-bottom: 14px; }
.automazione-contatti-main .contatti-form .wpcf7-acceptance label { display: flex; align-items: center; gap: 10px; font-family: Montserrat, sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0px; text-transform: none; color: rgba(255, 255, 255, 0.85); cursor: pointer; margin: 0px; }
.automazione-contatti-main .contatti-form .wpcf7-acceptance input[type="checkbox"] { appearance: none; width: 16px; height: 16px; border: 1px solid rgb(142, 196, 69); border-radius: 3px; background-color: rgb(13, 19, 16); flex: 0 0 auto; margin: 0px; cursor: pointer; position: relative; }
.automazione-contatti-main .contatti-form .wpcf7-acceptance input[type="checkbox"]:checked { background-color: rgb(0, 155, 62); border-color: rgb(0, 155, 62); }
.automazione-contatti-main .contatti-form .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border-style: solid; border-color: rgb(255, 255, 255); border-image: none; border-width: 0px 2px 2px 0px; transform: rotate(45deg); }
.automazione-contatti-main .contatti-form .ctf-submit { margin-top: 6px; }
.automazione-contatti-main .contatti-form input[type="submit"] { width: 100%; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: rgb(255, 255, 255); background-color: rgb(0, 155, 62); border: 1px solid rgb(0, 155, 62); border-radius: 4px; padding: 14px 20px; cursor: pointer; transition: background-color 0.3s, color 0.3s; }
.automazione-contatti-main .contatti-form input[type="submit"]:hover { background-color: transparent; color: rgb(142, 196, 69); }
.automazione-contatti-main .contatti-form input[type="submit"]:disabled, .automazione-contatti-main .contatti-form input[type="submit"]:disabled:hover { background-color: rgb(42, 58, 47); border-color: rgb(42, 58, 47); color: rgba(255, 255, 255, 0.5); cursor: not-allowed; }
.automazione-contatti-main .contatti-form .ctf-hint { margin: 10px 0px 0px; font-family: Montserrat, sans-serif; font-size: 11px; font-weight: 600; color: rgb(142, 196, 69); text-align: center; }
.automazione-contatti-main .contatti-form .ctf-hint.is-hidden { display: none; }
.automazione-contatti-main .contatti-form .wpcf7-spinner { display: block; margin: 8px auto 0px; }
.automazione-contatti-main .contatti-form .wpcf7-not-valid-tip { display: block; font-family: Montserrat, sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0px; text-transform: none; color: rgb(255, 107, 107); margin-top: 5px; }
.automazione-contatti-main .contatti-form .wpcf7-response-output { margin: 16px 0px 0px; padding: 10px 12px; border: 1px solid rgb(142, 196, 69); border-radius: 4px; font-family: Montserrat, sans-serif; font-size: 12px; color: rgb(255, 255, 255); }
.automazione-contatti-main .contatti-form .wpcf7-form.invalid .wpcf7-response-output { border-color: rgb(255, 107, 107); }
@media (max-width: 991px){
.automazione-contatti-main { padding: 60px 0px; }
.automazione-contatti-main .contatti-grid { gap: 36px; }
.automazione-contatti-main .contatti-text { max-width: none; }
.automazione-contatti-main .ct-title { font-size: 30px; }
}
@media (max-width: 575px){
.automazione-contatti-main .contatti-form { padding: 22px 18px; }
.automazione-contatti-main .contatti-form .ctf-row { grid-template-columns: 1fr; gap: 0px; }
.automazione-contatti-main .ct-title { font-size: 26px; }
}
.automazione-robotica-main .rob-tag, .automazione-solution-main .sol-features-title, .automazione-textslider-main .ts-list-heading, .automazione-caratt-main .ca-tag { line-height: 1.45; max-width: 100%; box-sizing: border-box; }
@media (max-width: 575px){
.automazione-robotica-main .rob-tag, .automazione-solution-main .sol-features-title, .automazione-textslider-main .ts-list-heading, .automazione-caratt-main .ca-tag { font-size: 10px; letter-spacing: 0.6px; padding: 6px 10px; line-height: 1.4; }
}
.automazione-page .az-reveal { opacity: 0; transform: translate3d(0px, 32px, 0px); transition-behavior: normal, normal; transition-duration: 0.8s, 0.8s; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1), cubic-bezier(0.22, 0.61, 0.36, 1); transition-property: opacity, transform; transition-delay: var(--az-delay, 0s); }
.automazione-page .az-reveal.az-left { transform: translate3d(-48px, 0px, 0px); }
.automazione-page .az-reveal.az-right { transform: translate3d(48px, 0px, 0px); }
.automazione-page .az-reveal.az-zoom { transform: scale(0.94); }
.automazione-page .az-reveal.az-fade { transform: none; }
.automazione-page .az-reveal.az-in { opacity: 1; transform: none; }
.automazione-page .az-reveal.az-instant { transition: none !important; }
.automazione-page .automazione-hero-main .hero-bg.az-reveal { transition-duration: 1.4s; }
@media (prefers-reduced-motion: reduce){
.automazione-page .az-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}
.automazione-orquestra-main .orq-slide-link { display: block; cursor: zoom-in; }
.orq-mfp .mfp-title { padding: 10px 0px 0px; font-size: 16px; line-height: 1.4; color: rgb(255, 255, 255); text-align: left; }
.orq-mfp .mfp-counter { color: rgb(187, 187, 187); }
.automazione-main p, .automazione-main li { font-size: 14px !important; line-height: 1.6; }
.automazione-main .ctf-legal, .automazione-main .wpcf7-list-item-label { font-size: 10px !important; line-height: 1.5; }
.automazione-main strong, .automazione-main b, .automazione-main figcaption, .automazione-main .vid-caption { font-size: 16px !important; line-height: 1.4; }
.automazione-videos-main .vid-thumb:hover .vid-play, .automazione-videos-main .vid-thumb:focus-visible .vid-play { background-color: rgb(0, 155, 62); }
@media (max-width: 575px){
.automazione-solution-main .sol-metrics { flex: 1 1 100%; width: 100%; min-width: 0px; max-width: none; }
.automazione-orquestra-main .orq-logos { display: grid; grid-template-columns: 1fr 1fr; place-items: center; gap: 18px; width: 100%; flex: 1 1 100%; }
.automazione-orquestra-main .orq-logos img { height: auto; width: 100%; max-width: 150px; margin: 0px auto; }
}
.automazione-main .sol-cta, .automazione-main .ts-cta, .automazione-main .ca-cta, .automazione-main .rob-cta, .automazione-main .orq-cta, .automazione-main .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 42px; min-height: 42px; padding: 12px 15px; line-height: 18px; }
@media (max-width: 575px){
.automazione-main .sol-cta, .automazione-main .ts-cta, .automazione-main .ca-cta, .automazione-main .rob-cta, .automazione-main .orq-cta, .automazione-main .wpcf7-submit { height: auto; text-align: center; }
}
@media (max-width: 575px){
.automazione-main .container { padding-left: 20px; padding-right: 20px; }
}
.automazione-orquestra-main .orq-logos { gap: 36px; }
.automazione-orquestra-main .orq-logos img { height: 83px; width: auto; }
@media (min-width: 1400px){
.automazione-main .container { max-width: 1320px; }
}
@media (min-width: 1700px){
.automazione-main .container { max-width: 1520px; }
}
@media (min-width: 2000px){
.automazione-main .container { max-width: 1720px; }
}
@media (min-width: 1441px){
.automazione-main .container-fluid { max-width: 100%; }
.automazione-video-main .automazione-video-wrapper, .automazione-hero-main .hero-bg { width: 100%; aspect-ratio: auto; height: min(100vh, 48.6111vw); max-height: none; }
}
.automazione-video-main .automazione-video-wrapper .automazione-video-embed { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 56.25vw; min-height: 100%; min-width: 177.78vh; border: 0px; }
.automazione-main p, .automazione-main li { font-size: 16px !important; line-height: 28px; }
.automazione-page .automazione-video-main .automazione-video-wrapper .automazione-video-embed { transform: translate(-50%, -58%); }
@media (max-width: 767px){
.automazione-page .automazione-video-main .automazione-video-wrapper .automazione-video-embed { transform: translate(-50%, -56%); }
}
.automazione-page .main-header { position: fixed; }
.automazione-page .main-header::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 160px; z-index: -1; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.22) 55%, rgba(0, 0, 0, 0) 100%); }
.automazione-page .main-header.fixed-header::before, .automazione-page .main-header.sticky::before, .automazione-page .main-header.is-sticky::before, .automazione-page .main-header.white-header::before { opacity: 0; }
@media (max-width: 991px){
.automazione-page .automazione-video-main .automazione-video-wrapper { container-type: size; }
.automazione-page .automazione-video-main .automazione-video-wrapper .automazione-video-embed { width: max(128cqw, 227.56cqh); height: max(72cqw, 128cqh); min-width: 0px; min-height: 0px; max-width: none; transform: translate(-50%, -60%); }
}
.automazione-page .main-header .trp-language-item__current .trp-language-item-name, .automazione-page .main-header .current-language-menu-item > a .trp-language-item-name, .automazione-page .main-header .trp-current-language-item__wrapper .trp-language-item__current .trp-language-item-name { color: rgb(255, 255, 255) !important; }
.automazione-page .main-header .trp-current-language-item__wrapper svg, .automazione-page .main-header .trp-current-language-item__wrapper svg *, .automazione-page .main-header .current-language-menu-item > a svg, .automazione-page .main-header .current-language-menu-item > a svg * { color: rgb(255, 255, 255) !important; fill: rgb(255, 255, 255) !important; stroke: rgb(255, 255, 255) !important; }
.automazione-page .main-header .trp-menu-ls-desktop .sub-menu, .automazione-page .main-header .trp-switcher-dropdown-list { background: rgba(13, 19, 16, 0.97) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 24px !important; }
.automazione-page .main-header .trp-menu-ls-desktop .sub-menu a, .automazione-page .main-header .trp-menu-ls-desktop .sub-menu .trp-language-item-name, .automazione-page .main-header .trp-switcher-dropdown-list a, .automazione-page .main-header .trp-switcher-dropdown-list .trp-language-item-name { color: rgb(255, 255, 255) !important; }
.automazione-page .main-header .trp-menu-ls-desktop .sub-menu a:hover, .automazione-page .main-header .trp-menu-ls-desktop .sub-menu a:hover .trp-language-item-name, .automazione-page .main-header .trp-switcher-dropdown-list a:hover, .automazione-page .main-header .trp-switcher-dropdown-list a:hover .trp-language-item-name { color: rgb(142, 196, 69) !important; }
.automazione-page .automazione-hero-main .hero-eyebrow, .automazione-page .automazione-hero-main .hero-title { color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-cta-main { background-color: rgb(38, 38, 38) !important; }
.automazione-page .automazione-cta-main .single-cta-item { position: relative; border-left: 0px !important; }
.automazione-page .automazione-cta-main .single-cta-item:not(:first-child)::before { content: ""; position: absolute; left: 0px; top: 32px; bottom: 32px; width: 1px; background: rgba(255, 255, 255, 0.16); }
@media (max-width: 991px){
.automazione-page .automazione-cta-main .single-cta-item:not(:first-child)::before { top: 22px; bottom: 22px; }
}
.automazione-page .automazione-solution-main .sol-metrics { background-color: rgb(38, 38, 38) !important; }
.automazione-page .automazione-solution-main .sol-category, .automazione-page .automazione-solution-main .sol-title, .automazione-page .automazione-solution-main .sol-metric-value.is-green { color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-cta-main .cta-title { color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-solution-main .sol-features-title { color: rgb(11, 177, 75) !important; border-color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-solution-main .sol-features-list li::before { color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-solution-main .sol-cta { transition: background-color 0.2s, color 0.2s, border-color 0.2s; background-color: rgb(11, 177, 75) !important; border-color: rgb(11, 177, 75) !important; color: rgb(255, 255, 255) !important; }
.automazione-page .automazione-solution-main .sol-cta:hover, .automazione-page .automazione-solution-main .sol-cta:focus { background-color: transparent !important; color: rgb(11, 177, 75) !important; border-color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-solution-main .sol-optional { color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-textslider-main { background-color: rgb(38, 38, 38) !important; }
.automazione-page .automazione-textslider-main .ts-title, .automazione-page .automazione-textslider-main .ts-optional { color: rgb(128, 195, 65) !important; }
.automazione-page .automazione-textslider-main .ts-list-heading { color: rgb(128, 195, 65) !important; border-color: rgb(128, 195, 65) !important; }
.automazione-page .automazione-textslider-main .ts-list li::before { color: rgb(128, 195, 65) !important; }
.automazione-page .automazione-textslider-main .ts-cta { transition: background-color 0.2s, color 0.2s, border-color 0.2s; background-color: rgb(128, 195, 65) !important; border-color: rgb(128, 195, 65) !important; color: rgb(255, 255, 255) !important; }
.automazione-page .automazione-textslider-main .ts-cta:hover, .automazione-page .automazione-textslider-main .ts-cta:focus { background-color: transparent !important; color: rgb(128, 195, 65) !important; border-color: rgb(128, 195, 65) !important; }
.automazione-page .automazione-textslider-main .swiper-pagination-bullet-active { background-color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-edition-main .ed-label, .automazione-page .automazione-edition-main .ed-title { color: rgb(246, 139, 30) !important; }
.automazione-page .automazione-caratt-main .ca-title, .automazione-page .automazione-caratt-main .ca-tag, .automazione-page .automazione-caratt-main .ca-feature-title { color: rgb(246, 139, 30) !important; }
.automazione-page .automazione-caratt-main .ca-tag { border-color: rgb(246, 139, 30) !important; }
.automazione-page .automazione-caratt-main .ca-features li::before { color: rgb(246, 139, 30) !important; }
.automazione-page .automazione-caratt-main .ca-cta { transition: background-color 0.2s, color 0.2s, border-color 0.2s; background-color: rgb(246, 139, 30) !important; border-color: rgb(246, 139, 30) !important; color: rgb(255, 255, 255) !important; }
.automazione-page .automazione-caratt-main .ca-cta:hover, .automazione-page .automazione-caratt-main .ca-cta:focus { background-color: transparent !important; color: rgb(246, 139, 30) !important; border-color: rgb(246, 139, 30) !important; }
.automazione-page .automazione-robotica-main .rob-label, .automazione-page .automazione-robotica-main .rob-title { color: rgb(128, 195, 65) !important; }
.automazione-page .automazione-robotica-main { background-color: rgb(38, 38, 38) !important; }
.automazione-page .automazione-robotica-main .rob-tag, .automazione-page .automazione-robotica-main .rob-item-title { color: rgb(128, 195, 65) !important; }
.automazione-page .automazione-robotica-main .rob-tag { border-color: rgb(128, 195, 65) !important; }
.automazione-page .automazione-robotica-main .rob-list li::before { color: rgb(128, 195, 65) !important; }
.automazione-page .automazione-robotica-main .rob-cta { transition: background-color 0.2s, color 0.2s, border-color 0.2s; background-color: rgb(128, 195, 65) !important; border-color: rgb(128, 195, 65) !important; color: rgb(255, 255, 255) !important; }
.automazione-page .automazione-robotica-main .rob-cta:hover, .automazione-page .automazione-robotica-main .rob-cta:focus { background-color: transparent !important; color: rgb(128, 195, 65) !important; border-color: rgb(128, 195, 65) !important; }
.automazione-page .automazione-integrate-main .int-label, .automazione-page .automazione-integrate-main .int-title { color: rgb(128, 195, 65) !important; }
.automazione-page .automazione-integrate-main .int-config { background-color: rgb(38, 38, 38) !important; }
.automazione-page .automazione-integrate-main .int-config-title { color: rgb(128, 195, 65) !important; }
.automazione-page .automazione-integrate-main .int-benefits li::before { color: rgb(128, 195, 65) !important; }
.automazione-page .automazione-orquestra-main .orq-label, .automazione-page .automazione-orquestra-main .orq-title { color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-orquestra-main .orq-feature-title { color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-orquestra-main .swiper-pagination-bullet-active { background-color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-orquestra-main .orq-cta { transition: background-color 0.2s, color 0.2s, border-color 0.2s; background-color: rgb(11, 177, 75) !important; border-color: rgb(11, 177, 75) !important; color: rgb(255, 255, 255) !important; }
.automazione-page .automazione-orquestra-main .orq-cta:hover, .automazione-page .automazione-orquestra-main .orq-cta:focus { background-color: transparent !important; color: rgb(11, 177, 75) !important; border-color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-videos-main .vid-label { color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-videos-main .vid-title-line { background-color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-videos-main .vid-play { background-color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-contatti-main .ct-label { color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-contatti-main .ct-icon { color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-contatti-main .contatti-form label { color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-contatti-main .contatti-form .wpcf7-acceptance label { color: rgba(255, 255, 255, 0.85) !important; }
.automazione-page .automazione-contatti-main .contatti-form .wpcf7-acceptance input[type="checkbox"] { border-color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-contatti-main .contatti-form .wpcf7-acceptance input[type="checkbox"]:checked { background-color: rgb(11, 177, 75) !important; border-color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-contatti-main .contatti-form input[type="submit"]:not(:disabled) { background-color: rgb(11, 177, 75) !important; border-color: rgb(11, 177, 75) !important; color: rgb(255, 255, 255) !important; }
.automazione-page .automazione-contatti-main .contatti-form input[type="submit"]:hover:not(:disabled) { background-color: transparent !important; color: rgb(11, 177, 75) !important; border-color: rgb(11, 177, 75) !important; }
.automazione-page .automazione-contatti-main .contatti-form input[type="submit"]:disabled, .automazione-page .automazione-contatti-main .contatti-form input[type="submit"]:disabled:hover { background-color: rgb(42, 58, 47) !important; border-color: rgb(42, 58, 47) !important; color: rgba(255, 255, 255, 0.5) !important; }
.automazione-page .automazione-videos-main .vid-play { align-items: center; justify-content: center; width: 64px !important; height: 64px !important; border-radius: 50% !important; border: 2px solid rgb(255, 255, 255) !important; background-color: rgb(11, 177, 75) !important; box-shadow: rgba(11, 177, 75, 0.35) 0px 8px 16px 0px !important; display: flex !important; }
.automazione-page .automazione-videos-main .vid-play svg { width: 18px !important; height: 18px !important; }
.automazione-page .automazione-contatti-main .contatti-form label { font-size: 12px !important; }
.automazione-page .automazione-contatti-main .contatti-form .wpcf7-acceptance label, .automazione-page .automazione-contatti-main .contatti-form .wpcf7-acceptance .wpcf7-list-item-label { font-size: 12px !important; }
.automazione-page .automazione-contatti-main .ct-title { font-size: 48px !important; }
.automazione-page .automazione-videos-main .vid-title { font-size: 28px !important; }
.automazione-page .automazione-orquestra-main .orq-feature-title { font-size: 28px !important; }
.automazione-page .automazione-orquestra-main .orq-title { font-size: 48px !important; }
.automazione-page .automazione-integrate-main .int-title { font-size: 48px !important; }
.automazione-page .automazione-robotica-main .rob-title { font-size: 48px !important; }
.automazione-page .automazione-robotica-main .rob-headline { font-size: 28px !important; }
.automazione-page .automazione-caratt-main .ca-title { font-size: 32px !important; }
.automazione-page .automazione-edition-main .ed-title { font-size: 48px !important; }
.automazione-page .automazione-textslider-main .ts-title { font-size: 48px !important; }
.automazione-page .automazione-textslider-main .ts-subtitle { font-size: 28px !important; }
.automazione-page .automazione-solution-main .sol-title { font-size: 48px !important; }
.automazione-page .automazione-solution-main .sol-subtitle { font-size: 28px !important; }
.automazione-page .automazione-cta-main .cta-title { font-size: 18px !important; }
.automazione-page .automazione-hero-main .hero-title { font-size: 70px !important; }
.automazione-page .automazione-hero-main .hero-lead { font-size: 28px !important; }
.automazione-page .automazione-edition-main .ed-headline { font-size: 28px !important; }
.automazione-page .automazione-integrate-main .int-headline { font-size: 28px !important; }
.automazione-page .automazione-orquestra-main .orq-headline { font-size: 28px !important; }
@media (min-width: 768px){
.automazione-page .automazione-hero-main .hero-lead { white-space: nowrap; }
}
@media (min-width: 768px){
.automazione-page .automazione-robotica-main .rob-headline { white-space: nowrap; }
}
@media (max-width: 767px){
.automazione-page .automazione-hero-main .hero-title { font-size: 40px !important; }
.automazione-page .automazione-hero-main .hero-lead { font-size: 19px !important; }
.automazione-page .automazione-solution-main .sol-title, .automazione-page .automazione-textslider-main .ts-title, .automazione-page .automazione-edition-main .ed-title, .automazione-page .automazione-robotica-main .rob-title, .automazione-page .automazione-integrate-main .int-title, .automazione-page .automazione-orquestra-main .orq-title, .automazione-page .automazione-contatti-main .ct-title { font-size: 32px !important; }
.automazione-page .automazione-caratt-main .ca-title { font-size: 26px !important; }
.automazione-page .automazione-solution-main .sol-subtitle, .automazione-page .automazione-textslider-main .ts-subtitle, .automazione-page .automazione-edition-main .ed-headline, .automazione-page .automazione-robotica-main .rob-headline, .automazione-page .automazione-integrate-main .int-headline, .automazione-page .automazione-orquestra-main .orq-headline, .automazione-page .automazione-videos-main .vid-title, .automazione-page .automazione-orquestra-main .orq-feature-title { font-size: 20px !important; }
}
@media (max-width: 400px){
.automazione-page .automazione-hero-main .hero-title { font-size: 34px !important; }
}
@media (max-width: 767px){
.automazione-page .automazione-hero-main .hero-title, .automazione-page .automazione-contatti-main .ct-title, .automazione-page .automazione-solution-main .sol-title, .automazione-page .automazione-textslider-main .ts-title, .automazione-page .automazione-edition-main .ed-title, .automazione-page .automazione-robotica-main .rob-title, .automazione-page .automazione-integrate-main .int-title, .automazione-page .automazione-orquestra-main .orq-title { overflow-wrap: break-word; word-break: break-word; }
.automazione-page .automazione-contatti-main .ct-title { font-size: 30px !important; }
}
@media (min-width: 1200px) and (max-width: 1439px){
.automazione-page header .main-header .header-flex .header-items-wrapper { display: none !important; }
.automazione-page header .main-header .header-flex .header-bar { display: block; }
}
.automazione-page .main-header.sticky .trp-language-item__current .trp-language-item-name, .automazione-page .main-header.sticky .current-language-menu-item > a .trp-language-item-name, .automazione-page .main-header.sticky .trp-current-language-item__wrapper .trp-language-item__current .trp-language-item-name { color: rgb(66, 66, 66) !important; }
.automazione-page .main-header.sticky .trp-current-language-item__wrapper svg, .automazione-page .main-header.sticky .trp-current-language-item__wrapper svg *, .automazione-page .main-header.sticky .current-language-menu-item > a svg, .automazione-page .main-header.sticky .current-language-menu-item > a svg * { color: rgb(66, 66, 66) !important; fill: rgb(66, 66, 66) !important; stroke: rgb(66, 66, 66) !important; }
.automazione-page .automazione-hero-main .hero-eyebrow { font-size: 15px; }
.automazione-page .automazione-solution-main .sol-category, .automazione-page .automazione-edition-main .ed-label, .automazione-page .automazione-robotica-main .rob-label, .automazione-page .automazione-integrate-main .int-label, .automazione-page .automazione-orquestra-main .orq-label, .automazione-page .automazione-videos-main .vid-label, .automazione-page .automazione-contatti-main .ct-label { font-size: 14px; }
.automazione-page .automazione-edition-main .edition-badges li { width: 99px; height: 99px; }
@media (max-width: 991px){
.automazione-page .automazione-edition-main .edition-badges li { width: 83px; height: 83px; }
}
@media (max-width: 575px){
.automazione-page .automazione-edition-main .edition-badges { justify-content: center; gap: 16px 20px; max-width: calc(304px); margin-left: auto; margin-right: auto; }
.automazione-page .automazione-edition-main .edition-badges li { width: 88px; height: 88px; }
}
.automazione-page .automazione-integrate-main .int-photo { position: relative; }
.automazione-page .automazione-integrate-main .int-photo-label { position: absolute; top: 8.4%; left: 5.9%; transform: translate(-50%, -50%); z-index: 2; display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; padding: 0px 7px; background: transparent; color: rgb(60, 60, 60); font-family: Montserrat, sans-serif; font-size: 15px; font-weight: 500; line-height: 1; letter-spacing: 1px; border-radius: 3px; pointer-events: none; }
.automazione-page .automazione-integrate-main .int-photo.is-large .int-photo-label { top: 8.8%; left: 4%; min-width: 46px; height: 46px; font-size: 22px; }
@media (max-width: 767px){
.automazione-page .automazione-integrate-main .int-photo .int-photo-label, .automazione-page .automazione-integrate-main .int-photo.is-large .int-photo-label { min-width: 28px; height: 28px; font-size: 14px; padding: 0px 6px; top: max(8.6%, 17px); left: max(5%, 17px); }
}
@media (max-width: 575px){
.automazione-page .automazione-cta-main .single-cta-item:last-child::before { display: none; }
}

/* ===== lattuada-na.com / Impreza overrides ===== */
/* Impreza header is position:fixed - leave room for it (exact value set by automation-dev.js) */
.automation-dev-page main.automazione-main { display: block; padding-top: 100px; }
@media (max-width: 1024px) { .automation-dev-page main.automazione-main { padding-top: 90px; } }
/* host theme hides native checkboxes in CF7 forms: restore the ones styled by this page */
.automation-dev-page .automazione-main .ctf-check input[type="checkbox"] { display: inline-block !important; }
.automation-dev-page .automazione-main .ctf-check a { color: rgb(142, 196, 69); text-decoration: underline; }
.automation-dev-page .automazione-main .ctf-check a:hover { color: #fff; }
/* keep the "i-AL" brand spelling (titles are already typed in capitals) */
.automation-dev-page .automazione-cta-main .cta-title { text-transform: none; }

/* A-WR: 4 photos in a row, same ratio as the touch-screen shots (1000x622) */
.automazione-solution-main .sol-images[data-count="4"] { grid-template-columns: repeat(4, 1fr); }
.automazione-solution-main .sol-images[data-count="4"] .sol-image { height: auto; aspect-ratio: 1000 / 622; }
@media (max-width: 991px) { .automazione-solution-main .sol-images[data-count="4"] { grid-template-columns: 1fr 1fr; } .automazione-solution-main .sol-images[data-count="4"] .sol-image { height: auto; } }
@media (max-width: 575px) { .automazione-solution-main .sol-images[data-count="4"] { grid-template-columns: 1fr 1fr; gap: 10px; } .automazione-solution-main .sol-images[data-count="4"] .sol-image { height: auto; } }
/* video gallery: no duration badge */
.automazione-videos-main .vid-duration { display: none !important; }

/* sec-1 hero: poster image until the Vimeo video actually plays (added 2026-10-06) */
.automazione-video-main .automazione-video-wrapper {
	background-color: #8a8f94;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.automazione-video-main .automazione-slider .swiper-slide { background-color: transparent; }
.automazione-video-main .automazione-video-wrapper .automazione-video-poster {
	position: absolute; inset: 0; width: 100%; height: 100%;
	object-fit: cover; object-position: center center;
	display: block; z-index: 0; pointer-events: none;
}
.automazione-video-main .automazione-video-wrapper .automazione-video-embed {
	z-index: 1;
	opacity: 0;
	transition: opacity .8s ease;
}
.automazione-video-main .automazione-video-wrapper.is-video-playing .automazione-video-embed { opacity: 1; }

/* sec-1 hero: make the Vimeo iframe always cover the whole box (no poster strip at the edges).
   The iframe is shifted up (translate -58%/-60%), so it must be >= 1.25x the box height. */
.automazione-video-main .automazione-video-wrapper { container-type: size; }
.automazione-page .automazione-video-main .automazione-video-wrapper .automazione-video-embed {
	width: max(calc(100cqw + 8px), 240cqh);
	height: max(calc(56.25cqw + 5px), 135cqh);
	min-width: 0; min-height: 0; max-width: none;
}
@media (max-width: 767px) {
	.automazione-page .automazione-video-main .automazione-video-wrapper .automazione-video-embed {
		width: max(128cqw, 240cqh);
		height: max(72cqw, 135cqh);
	}
}