/* styles.css — estratto da index.html (WhAI Pricing Retail Landing)
   Nota: le regole responsive qui sotto usano selettori [style*="..."]
   perché la pagina usa moltissimi stili inline sugli elementi (297 attributi
   style="..."). Questo file gestisce SOLO le regole globali/animazioni/media query;
   gli stili inline restano nell'HTML e non sono stati toccati per non rompere
   il responsive che dipende da questi selettori. */

    body{margin:0;-webkit-font-smoothing:antialiased}
    a{color:#12958C;text-decoration:none}
    a:hover{color:#0B1035}
    @keyframes wp-fadein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
    @keyframes wp-slide1{0%,100%{transform:translateX(0)}50%{transform:translateX(14px)}}
    @keyframes wp-slide2{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}
    @keyframes wp-slide3{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}
    @keyframes wp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
    @keyframes wp-arrow-nudge{0%,80%,100%{transform:translateX(0)}40%{transform:translateX(3px)}}
    .wp-arrow-cta svg{animation:wp-arrow-nudge 1.8s ease-in-out infinite}
    .wp-slider-handle-1{animation:wp-slide1 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
    .wp-slider-handle-2{animation:wp-slide2 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
    .wp-slider-handle-3{animation:wp-slide3 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
    .wp-tag{transition:transform 0.25s ease}
    .wp-tag-1{animation:wp-float 4.5s ease-in-out infinite}
    .wp-tag-2{animation:wp-float 4.5s 0.3s ease-in-out infinite}
    .wp-tag-3{animation:wp-float 4.5s 0.6s ease-in-out infinite}
    .wp-tag:hover{transform:scale(1.06)}
    .wp-pm{transition:transform 0.25s ease}
    .wp-pm:hover{transform:rotate(90deg)}
    .wp-tooltip-wrap{position:relative;display:inline-flex}
    .wp-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#0B1035;color:#fff;font-size:12.5px;font-weight:500;line-height:1.4;padding:10px 12px;border-radius:8px;width:220px;opacity:0;visibility:hidden;transition:opacity 0.15s ease;pointer-events:none;z-index:5}
    .wp-tooltip-wrap:hover .wp-tooltip,.wp-tooltip-wrap:focus-within .wp-tooltip{opacity:1;visibility:visible}
    input::placeholder{color:#9CA3AF}
    @media (max-width:1000px){
      [style*="grid-template-columns: 1fr 1.15fr 1.15fr"]{grid-template-columns:1fr !important}
      [style*="grid-template-columns: 1fr 1.15fr 1.15fr"] > div{border-left:none !important;border-top:1px solid #E5E7EB}
      [style*="grid-template-columns: 1fr 1.15fr 1.15fr"] > div:first-child{border-top:none}
      [style*="grid-template-columns: 1fr 0.82fr"]{grid-template-columns:1fr !important}
      [style*="grid-template-columns: 1.05fr 0.95fr"]{grid-template-columns:1fr !important}
      [style*="grid-template-columns: 1.3fr 1fr 1fr"]{grid-template-columns:1fr !important;gap:28px !important}
      h1{font-size:40px !important;width:auto !important;max-width:100% !important}
      [style*="width: 800px"]{width:auto !important;max-width:100% !important}
      header nav{flex-wrap:wrap;gap:18px !important;justify-content:flex-end}
    }
    @media (max-width:700px){
      #widget1,#widget3,#faq,#webinar,#cta-finale,footer,header{padding-left:20px !important;padding-right:20px !important}
      [style*="padding: 96px 32px 110px"]{padding:72px 20px 80px !important}
      h1{font-size:32px !important;line-height:1.2 !important}
      h2{font-size:26px !important}
      [style*="font-size: 64px"]{font-size:42px !important}
      [style*="padding: 34px"],[style*="padding: 36px"]{padding:22px !important}
      [style*="gap: 22px"][style*="padding: 22px 0"]{align-items:flex-start !important;flex-direction:column;gap:10px !important}
      [style*="min-width: 170px"]{text-align:left !important;min-width:0 !important}
      [style*="gap: 26px"]{flex-wrap:wrap;gap:14px 22px !important}
      [style*="width: 450px"][style*="height: 344px"]{width:auto !important;height:auto !important;max-width:100% !important}
      [style*="white-space: nowrap"]{white-space:normal !important}
      [style*="padding: 32px 34px"]{padding:24px !important}
      [style*="text-align: right"][style*="flex-shrink: 0"]{text-align:left !important}
      header nav a{font-size:13px !important}
    }