html body .area-page .thermal-animation{padding:0;display:block;min-height:0;aspect-ratio:4/3;background:#fff}
.thermal-animation svg{display:block;width:100%;height:100%}
.thermal-foundation{fill:#ffcf38;animation:thermal-base 24s linear infinite}
.thermal-zone{animation-duration:24s;animation-timing-function:linear;animation-iteration-count:infinite;transform-box:fill-box;transform-origin:center}
.thermal-zone-0{animation-name:thermal-zone-a}.thermal-zone-1{animation-name:thermal-zone-b}.thermal-zone-2{animation-name:thermal-zone-c}.thermal-zone-3{animation-name:thermal-zone-d}
.thermal-uniform{fill:#e83b26;animation:thermal-finish 24s linear infinite}
@keyframes thermal-base{0%,8%,100%{opacity:0}30%{opacity:.25}48%,78%{opacity:.9}90%{opacity:.4}}
@keyframes thermal-zone-a{0%,8%,100%{fill:#ffd43b;opacity:0;transform:scale(.45)}24%{fill:#ffd43b;opacity:.9;transform:scale(.8)}45%{fill:#ffae27;opacity:1;transform:scale(1)}62%,78%{fill:#ed3c25;opacity:1;transform:scale(1.15)}92%{fill:#ffd43b;opacity:.4;transform:scale(.8)}}
@keyframes thermal-zone-b{0%,16%,100%{fill:#ffe04b;opacity:0;transform:scale(.4)}33%{fill:#ffd43b;opacity:1;transform:scale(.9)}51%{fill:#ff8925;opacity:1;transform:scale(1)}66%,78%{fill:#ed3c25;opacity:1;transform:scale(1.2)}92%{fill:#ffd43b;opacity:.3;transform:scale(.8)}}
@keyframes thermal-zone-c{0%,24%,100%{fill:#ffe04b;opacity:0;transform:scale(.4)}42%{fill:#ffd43b;opacity:1;transform:scale(.95)}57%{fill:#f56b24;opacity:1;transform:scale(1.15)}70%,78%{fill:#ed3c25;opacity:1;transform:scale(1.2)}92%{fill:#ffd43b;opacity:.3;transform:scale(.8)}}
@keyframes thermal-zone-d{0%,29%,100%{fill:#ffe04b;opacity:0;transform:scale(.4)}46%{fill:#ffd43b;opacity:1;transform:scale(.9)}64%,78%{fill:#ed3c25;opacity:1;transform:scale(1.2)}92%{fill:#ffd43b;opacity:.3;transform:scale(.8)}}
@keyframes thermal-finish{0%,52%,100%{opacity:0}70%,78%{opacity:.95}91%{opacity:0}}
@media(prefers-reduced-motion:reduce){.thermal-foundation,.thermal-zone,.thermal-uniform{animation:none;opacity:0}}

/* Il riscaldamento termina a regime e riparte dallo stato freddo. */
@keyframes thermal-base{0.000000%,10.212766%{opacity:0}38.297872%{opacity:.25}61.276596%,100%{opacity:.9}}
@keyframes thermal-zone-a{0.000000%,10.212766%{fill:#ffd43b;opacity:0;transform:scale(.45)}30.638298%{fill:#ffd43b;opacity:.9;transform:scale(.8)}57.446809%{fill:#ffae27;opacity:1;transform:scale(1)}79.148936%,100%{fill:#ed3c25;opacity:1;transform:scale(1.15)}}
@keyframes thermal-zone-b{0.000000%,20.425532%{fill:#ffe04b;opacity:0;transform:scale(.4)}42.127660%{fill:#ffd43b;opacity:1;transform:scale(.9)}65.106383%{fill:#ff8925;opacity:1;transform:scale(1)}84.255319%,100%{fill:#ed3c25;opacity:1;transform:scale(1.2)}}
@keyframes thermal-zone-c{0.000000%,30.638298%{fill:#ffe04b;opacity:0;transform:scale(.4)}53.617021%{fill:#ffd43b;opacity:1;transform:scale(.95)}72.765957%{fill:#f56b24;opacity:1;transform:scale(1.15)}89.361702%,100%{fill:#ed3c25;opacity:1;transform:scale(1.2)}}
@keyframes thermal-zone-d{0.000000%,37.021277%{fill:#ffe04b;opacity:0;transform:scale(.4)}58.723404%{fill:#ffd43b;opacity:1;transform:scale(.9)}81.702128%,100%{fill:#ed3c25;opacity:1;transform:scale(1.2)}}
@keyframes thermal-finish{0.000000%,66.382979%{opacity:0}89.361702%,100%{opacity:.95}}

.thermal-foundation,.thermal-zone,.thermal-uniform{animation-duration:18.8s}