.elementor-1720 .elementor-element.elementor-element-858e683{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:95px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:160px;--padding-bottom:220px;--padding-left:160px;--padding-right:160px;}.elementor-1720 .elementor-element.elementor-element-858e683:not(.elementor-motion-effects-element-type-background), .elementor-1720 .elementor-element.elementor-element-858e683 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cloudora.it/wp-content/uploads/2025/10/vps-hero-banner.d907ccf6516c7c727d3585bd089bbbf9-scaled.webp");background-size:cover;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1720 .elementor-element.elementor-element-db92256{text-align:center;}.elementor-1720 .elementor-element.elementor-element-db92256 .elementor-heading-title{font-size:48px;font-weight:600;letter-spacing:-0.7px;color:#FFFFFF;}.elementor-1720 .elementor-element.elementor-element-ef91d8d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1720 .elementor-element.elementor-element-0cf6304{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1720 .elementor-element.elementor-element-0cf6304.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1720 .elementor-element.elementor-element-4840547{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-1720 .elementor-element.elementor-element-6aeee98{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:20px 20px 20px 20px;--padding-top:55px;--padding-bottom:55px;--padding-left:55px;--padding-right:55px;}.elementor-1720 .elementor-element.elementor-element-6aeee98:not(.elementor-motion-effects-element-type-background), .elementor-1720 .elementor-element.elementor-element-6aeee98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#323645;}.elementor-1720 .elementor-element.elementor-element-44d534b{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1720 .elementor-element.elementor-element-9934230 .elementor-heading-title{font-size:24px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-1720 .elementor-element.elementor-element-50c67ab{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1720 .elementor-element.elementor-element-270d4c6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-1720 .elementor-element.elementor-element-270d4c6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-1720 .elementor-element.elementor-element-270d4c6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-1720 .elementor-element.elementor-element-270d4c6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-1720 .elementor-element.elementor-element-270d4c6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-1720 .elementor-element.elementor-element-270d4c6 .elementor-icon-list-icon i{color:#F8656B;transition:color 0.3s;}.elementor-1720 .elementor-element.elementor-element-270d4c6 .elementor-icon-list-icon svg{fill:#F8656B;transition:fill 0.3s;}.elementor-1720 .elementor-element.elementor-element-270d4c6{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-1720 .elementor-element.elementor-element-270d4c6 .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-1720 .elementor-element.elementor-element-270d4c6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1720 .elementor-element.elementor-element-270d4c6 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-1720 .elementor-element.elementor-element-270d4c6 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1720 .elementor-element.elementor-element-a8e8b9b{--display:flex;}.elementor-1720 .elementor-element.elementor-element-7f22912 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-1720 .elementor-element.elementor-element-7f22912 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-1720 .elementor-element.elementor-element-7f22912 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-1720 .elementor-element.elementor-element-7f22912 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-1720 .elementor-element.elementor-element-7f22912 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-1720 .elementor-element.elementor-element-7f22912 .elementor-icon-list-icon i{color:#F8656B;transition:color 0.3s;}.elementor-1720 .elementor-element.elementor-element-7f22912 .elementor-icon-list-icon svg{fill:#F8656B;transition:fill 0.3s;}.elementor-1720 .elementor-element.elementor-element-7f22912{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-1720 .elementor-element.elementor-element-7f22912 .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-1720 .elementor-element.elementor-element-7f22912 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1720 .elementor-element.elementor-element-7f22912 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-1720 .elementor-element.elementor-element-7f22912 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1720 .elementor-element.elementor-element-6a507a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1720 .elementor-element.elementor-element-6a507a1:not(.elementor-motion-effects-element-type-background), .elementor-1720 .elementor-element.elementor-element-6a507a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-1720 .elementor-element.elementor-element-13a11d6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1720 .elementor-element.elementor-element-13a11d6 .elementor-heading-title{font-size:28px;font-weight:700;line-height:30px;color:#323645;}.elementor-1720 .elementor-element.elementor-element-dd3ec5a{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-1720 .elementor-element.elementor-element-dd3ec5a .elementor-heading-title{font-size:14px;font-weight:400;line-height:24px;color:#8F8F8F;}.elementor-1720 .elementor-element.elementor-element-9ed1963{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 80px;--row-gap:0px;--column-gap:80px;}.elementor-1720 .elementor-element.elementor-element-8cc2dcf{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1720 .elementor-element.elementor-element-d48ef99{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-1720 .elementor-element.elementor-element-d48ef99 img{width:100%;max-width:100%;}.elementor-1720 .elementor-element.elementor-element-ce75ab5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1720 .elementor-element.elementor-element-ce75ab5 .elementor-heading-title{font-size:20px;font-weight:600;line-height:25px;color:#323645;}.elementor-1720 .elementor-element.elementor-element-7badec6{text-align:start;}.elementor-1720 .elementor-element.elementor-element-7badec6 .elementor-heading-title{font-size:14px;font-weight:400;line-height:24px;color:#8F8F8F;}.elementor-1720 .elementor-element.elementor-element-43f3449{--display:flex;}.elementor-1720 .elementor-element.elementor-element-88714cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-1720 .elementor-element.elementor-element-88714cd img{width:100%;max-width:100%;}.elementor-1720 .elementor-element.elementor-element-11107c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1720 .elementor-element.elementor-element-11107c3 .elementor-heading-title{font-size:20px;font-weight:600;line-height:25px;color:#323645;}.elementor-1720 .elementor-element.elementor-element-2e100b4{text-align:start;}.elementor-1720 .elementor-element.elementor-element-2e100b4 .elementor-heading-title{font-size:14px;font-weight:400;line-height:24px;color:#8F8F8F;}.elementor-1720 .elementor-element.elementor-element-b736d33{--display:flex;}.elementor-1720 .elementor-element.elementor-element-221d01b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-1720 .elementor-element.elementor-element-221d01b img{width:100%;max-width:100%;}.elementor-1720 .elementor-element.elementor-element-8794565{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1720 .elementor-element.elementor-element-8794565 .elementor-heading-title{font-size:20px;font-weight:600;line-height:25px;color:#323645;}.elementor-1720 .elementor-element.elementor-element-bcf9ca4{text-align:start;}.elementor-1720 .elementor-element.elementor-element-bcf9ca4 .elementor-heading-title{font-size:14px;font-weight:400;line-height:24px;color:#8F8F8F;}.elementor-1720 .elementor-element.elementor-element-825a858{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1720 .elementor-element.elementor-element-b8cd44a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1720 .elementor-element.elementor-element-fdee2bc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1720 .elementor-element.elementor-element-fdee2bc .elementor-heading-title{font-size:28px;font-weight:700;line-height:30px;color:#323645;}.elementor-1720 .elementor-element.elementor-element-60d93a2{--display:flex;border-style:none;--border-style:none;}.elementor-1720 .elementor-element.elementor-element-8360d21{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 15px 0px 15px;text-align:start;}.elementor-1720 .elementor-element.elementor-element-8360d21 .elementor-heading-title{font-size:14px;font-weight:400;line-height:24px;color:#8F8F8F;}.elementor-1720 .elementor-element.elementor-element-1248e6f{--display:flex;border-style:none;--border-style:none;}.elementor-1720 .elementor-element.elementor-element-3ba1edf{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 15px 0px 15px;text-align:start;}.elementor-1720 .elementor-element.elementor-element-3ba1edf .elementor-heading-title{font-size:14px;font-weight:400;line-height:24px;color:#8F8F8F;}.elementor-1720 .elementor-element.elementor-element-7984e41{--display:flex;border-style:none;--border-style:none;}.elementor-1720 .elementor-element.elementor-element-aa5cb8c{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 15px 0px 15px;border-style:none;text-align:start;}.elementor-1720 .elementor-element.elementor-element-aa5cb8c .elementor-heading-title{font-size:14px;font-weight:400;line-height:24px;color:#8F8F8F;}.elementor-1720 .elementor-element.elementor-element-2b637a4{--display:flex;border-style:none;--border-style:none;}.elementor-1720 .elementor-element.elementor-element-323c157{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 15px 0px 15px;text-align:start;}.elementor-1720 .elementor-element.elementor-element-323c157 .elementor-heading-title{font-size:14px;font-weight:400;line-height:24px;color:#8F8F8F;}.elementor-1720 .elementor-element.elementor-element-79b310d{--display:flex;border-style:none;--border-style:none;}.elementor-1720 .elementor-element.elementor-element-c6bd876{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 15px 0px 15px;text-align:start;}.elementor-1720 .elementor-element.elementor-element-c6bd876 .elementor-heading-title{font-size:14px;font-weight:400;line-height:24px;color:#8F8F8F;}.elementor-1720 .elementor-element.elementor-element-b2fe046{--display:flex;border-style:none;--border-style:none;}.elementor-1720 .elementor-element.elementor-element-c4618b3{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 15px 0px 15px;text-align:start;}.elementor-1720 .elementor-element.elementor-element-c4618b3 .elementor-heading-title{font-size:14px;font-weight:400;line-height:24px;color:#8F8F8F;}.elementor-1720 .elementor-element.elementor-element-2168a69{--display:flex;border-style:none;--border-style:none;}.elementor-1720 .elementor-element.elementor-element-238c8f0{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 15px 0px 15px;text-align:start;}.elementor-1720 .elementor-element.elementor-element-238c8f0 .elementor-heading-title{font-size:14px;font-weight:400;line-height:24px;color:#8F8F8F;}.elementor-1720 .elementor-element.elementor-element-0874f58{--n-accordion-title-font-size:14px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-icon-size:10px;}.elementor-1720 .elementor-element.elementor-element-0874f58 {--n-accordion-padding:15px 15px 15px 15px;}:where( .elementor-1720 .elementor-element.elementor-element-0874f58 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:800;}@media(max-width:767px){.elementor-1720 .elementor-element.elementor-element-858e683:not(.elementor-motion-effects-element-type-background), .elementor-1720 .elementor-element.elementor-element-858e683 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:50% 0px;background-size:cover;}.elementor-1720 .elementor-element.elementor-element-858e683{--margin-top:60px;--margin-bottom:100px;--margin-left:0px;--margin-right:3px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1720 .elementor-element.elementor-element-db92256 .elementor-heading-title{font-size:30px;}.elementor-1720 .elementor-element.elementor-element-6aeee98{--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;}.elementor-1720 .elementor-element.elementor-element-6a507a1{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-1720 .elementor-element.elementor-element-8cc2dcf{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1720 .elementor-element.elementor-element-43f3449{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1720 .elementor-element.elementor-element-b8cd44a{--content-width:93%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-0cf6304 *//* STABILIZZA BOX MODEL e META VIEWPORT (HTML) */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Se non l'hai già messo nell'head del documento HTML */
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->

/* CLIP del background pseudo-element che provoca lo sbordo */
.qoode-pricing-grid {
  overflow: hidden;              /* taglia tutto ciò che esce dal contenitore */
  padding-left: 16px;            /* evita che le card tocchino il bordo su schermi piccoli */
  padding-right: 16px;
}

/* Migliora il ::before per non creare scroll orizzontale */
.qoode-pricing-grid::before {
  left: -8%;
  right: -8%;
  width: auto;                   /* usa left/right invece di width:120% */
  top: -80px;                    /* riduci leggermente l'offset verticale */
  box-sizing: border-box;
}

/* Nascondi decorazioni pesanti sui dispositivi molto piccoli */
@media (max-width: 480px) {
  .qoode-pricing-grid::before {
    display: none;               /* leva il background extra sui telefoni più piccoli */
  }

  .qoode-pricing-card {
    padding: 20px;               /* meno padding per restare dentro la viewport */
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .q-price {
    font-size: 2.4rem;           /* scala il prezzo per non provocare overflow */
    min-height: unset;
  }
}

/* Garantisci che le card non escano mai dalla colonna */
.qoode-pricing-card {
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

/* Se il pulsante (o altri elementi) usano animazioni che "escono",
   assicurati che il contenitore li clippi — hai già overflow:hidden sul bottone, va bene. */

/* ============================================
   MODERN PRICING TABLES - NAMECHEAP INSPIRED
   ============================================ */

:root {
  /* Colori Premium con Gradients */
  --pricing-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --pricing-gradient-accent: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --pricing-gradient-success: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  --pricing-gradient-dark: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
  
  /* Colori Base */
  --pricing-white: #ffffff;
  --pricing-dark: #1a202c;
  --pricing-gray: #718096;
  --pricing-gray-light: #a0aec0;
  --pricing-gray-lighter: #e2e8f0;
  --pricing-border: rgba(0, 0, 0, 0.06);
  
  /* Effetti Premium - No Shadows */
  --pricing-glow: none;
  --pricing-shadow-sm: none;
  --pricing-shadow-md: none;
  --pricing-shadow-lg: none;
  --pricing-shadow-xl: none;
  --pricing-shadow-hover: none;
  
  /* Spacing & Sizing */
  --pricing-radius: 20px;
  --pricing-radius-sm: 12px;
  --pricing-max-width: 1200px;
  --pricing-gap: 28px;
  --pricing-padding: 36px;
}

/* ============================================
   CONTAINER & GRID
   ============================================ */


.qoode-pricing-grid {
  width: min(var(--pricing-max-width), 100%);
  margin: 60px auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--pricing-gap);
  align-items: stretch;
  position: relative;
}

/* Pattern di sfondo opzionale */
.qoode-pricing-grid::before {
  content: '';
  position: absolute;
  top: -100px;
  width: 120%;
  height: 120%;
  background-image: 
    radial-gradient(circle at 20% 80%, rgba(102, 126, 234, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(240, 147, 251, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 40% 60%, rgba(67, 233, 123, 0.03) 0%, transparent 50%);
  pointer-events: none;
  z-index: -1;
}

/* ============================================
   CARD PRINCIPALE
   ============================================ */

.qoode-pricing-card {
  position: relative;
  background: var(--pricing-white);
  border: 1px solid var(--pricing-border);
  border-radius: var(--pricing-radius);
  padding: var(--pricing-padding) 32px;
  box-shadow: var(--pricing-shadow-md);
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

/* Effetto gradient sottile nel bordo */
.qoode-pricing-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--pricing-gradient-primary);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.qoode-pricing-card:hover::before {
  opacity: 1;
}

/* Hover effect */
.qoode-pricing-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--pricing-shadow-hover);
  border-color: rgba(102, 126, 234, 0.2);
}

/* Card centrale/featured (2° card) */
.qoode-pricing-grid > .qoode-pricing-card:nth-child(2) {
  /* Stessa dimensione delle altre card */
  transform: scale(1);
  background: var(--pricing-white);
  border: 1px solid var(--pricing-border);
  z-index: 10;
}



.qoode-pricing-grid > .qoode-pricing-card:nth-child(2)::before {
  opacity: 1;
  height: 4px;
}

.qoode-pricing-grid > .qoode-pricing-card:nth-child(2):hover {
  transform: translateY(-8px);
}

/* ============================================
   RIBBON BADGE
   ============================================ */

.q-ribbon {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 24px;
  background: var(--pricing-gradient-accent);
  color: var(--pricing-white);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 100px;
  box-shadow: 0 8px 24px rgba(240, 87, 108, 0.35);
  z-index: 20;
  animation: pulse-badge 2s infinite;
  white-space: nowrap;
}

@keyframes pulse-badge {
  0%, 100% { 
    transform: translateX(-50%) scale(1);
    box-shadow: 0 8px 24px rgba(240, 87, 108, 0.35);
  }
  50% { 
    transform: translateX(-50%) scale(1.05);
    box-shadow: 0 10px 30px rgba(240, 87, 108, 0.45);
  }
}

/* ============================================
   HEADER & TITLE
   ============================================ */

.q-head {
  text-align: center;
  margin-bottom: 16px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--pricing-gray-lighter);
}

.q-title {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: var(--pricing-dark);
  letter-spacing: -0.02em;
  line-height: 1.2;
}

/* ============================================
   PREZZO
   ============================================ */
/* rende piccolo SOLO il suffisso che abbiamo incapsulato */
.q-price .q-period{
  font-size: 12px !important;
  font-weight: 600;
  color: var(--pricing-gray);
  position: relative;
  top: -2px;
  margin-left: 4px;
  white-space: nowrap;
  letter-spacing: .01em;
}
.q-price {
  text-align: center;
  margin: 24px 0 12px;
    font-size: 44px;
    font-weight: 900;
  color: var(--pricing-dark);
  line-height: 1.2;
  position: relative;
  min-height: 80px;
}

/* Prezzo barrato sopra (del) */
.q-price del {
  display: block;
  font-size: 38px;
  font-weight: 700;
  color: var(--pricing-gray-light);
  text-decoration: line-through;
  text-decoration-color: rgba(160, 174, 192, 0.5);
  margin-bottom: 8px;
  opacity: 0.8;
}

/* Prezzo principale (ins) */
.q-price ins {
  text-decoration: none;
  display: block;
  font-size: 44px;
  font-weight: 900;
  letter-spacing: -0.03em;
}


/* Simbolo valuta */
.q-price .woocommerce-Price-currencySymbol {
  font-size: 0.8em;
  font-weight: 700;
}

/* Card featured - prezzo gradient */
.qoode-pricing-grid > .qoode-pricing-card:nth-child(2) .q-price ins {
  background: var(--pricing-gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ============================================
   RENEWAL INFO
   ============================================ */

.q-renew {
  text-align: center;
  margin: 8px 0 24px;
  padding: 10px 16px;
  background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
  border-radius: var(--pricing-radius-sm);
  font-size: 0.92rem;
  color: var(--pricing-gray);
  font-weight: 500;
  border: 1px solid var(--pricing-border);
}

/* ============================================
   SPECIFICHE
   ============================================ */

.q-specs {
  list-style: none;
  margin: 28px 0 36px;
  padding: 20px 0;
  flex: 1;
  border-top: 1px solid var(--pricing-border);
  border-bottom: 1px solid var(--pricing-border);
}

.q-specs li {
  display: flex;
  align-items: center;
  padding: 14px 0;
  font-size: 0.98rem;
  color: var(--pricing-dark);
  transition: transform 0.2s ease;
}

.q-specs li:hover {
  transform: translateX(4px);
}

/* Icona check moderna */
.q-check {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 14px;
  padding: 3px;
  background: var(--pricing-gradient-success);
  border-radius: 50%;
  fill: var(--pricing-white);
  animation: check-appear 0.5s ease backwards;
}

.q-specs li:nth-child(1) .q-check { animation-delay: 0.1s; }
.q-specs li:nth-child(2) .q-check { animation-delay: 0.2s; }
.q-specs li:nth-child(3) .q-check { animation-delay: 0.3s; }
.q-specs li:nth-child(4) .q-check { animation-delay: 0.4s; }

@keyframes check-appear {
  from {
    transform: scale(0) rotate(-180deg);
    opacity: 0;
  }
  to {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}

/* Testo specifiche con enfasi */
.q-specs span {
  flex: 1;
  line-height: 1.5;
}

.q-specs strong {
  font-weight: 700;
  color: var(--pricing-dark);
}

/* ============================================
   CTA BUTTON
   ============================================ */

.q-btn {
  display: inline-block;
  width: 100%;
  margin-top: auto;
  padding: 18px 32px;
  background: #F8656B;
  color: var(--pricing-white);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  border: none;
  border-radius: var(--pricing-radius-sm);
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Effetto ripple on hover */
.q-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.q-btn:hover::before {
  width: 300px;
  height: 300px;
}

.q-btn:hover {
  transform: translateY(-3px);
  background: #e55359;
  color: var(--pricing-white);
}

/* Card featured - bottone uguale alle altre */
.qoode-pricing-grid > .qoode-pricing-card:nth-child(2) .q-btn {
  background: #F8656B;
  box-shadow: none;
  font-size: 1.125rem;
  padding: 18px 32px;
}

.qoode-pricing-grid > .qoode-pricing-card:nth-child(2) .q-btn:hover {
  background: #e55359;
  box-shadow: none;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

@media (max-width: 1024px) {
  :root {
    --pricing-gap: 20px;
    --pricing-padding: 28px;
  }
  
  .qoode-pricing-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  
  .q-price {
    font-size: 2.8rem;
  }
}

@media (max-width: 768px) {
  .qoode-pricing-grid {
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 40px auto;
    padding: 0 16px;
    max-width: 400px; /* Larghezza massima per centrare */
  }
  
  .qoode-pricing-card {
    margin: 0 auto;
    width: 100%;
    max-width: 360px; /* Card ben centrate e non troppo larghe */
  }
  
  .qoode-pricing-grid > .qoode-pricing-card:nth-child(2) {
    transform: scale(1);
  }
  
  .qoode-pricing-grid > .qoode-pricing-card:nth-child(2):hover {
    transform: translateY(-8px);
  }
  
  .q-price {
    font-size: 2.8rem;
  }
  
  .q-title {
    font-size: 1.5rem;
  }
  
  .q-btn {
    font-size: 1rem;
    padding: 16px 24px;
  }
}

/* ============================================
   ANIMAZIONI INGRESSO (opzionale)
   ============================================ */

.qoode-pricing-card {
  animation: slideInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) backwards;
}

.qoode-pricing-grid > .qoode-pricing-card:nth-child(1) { animation-delay: 0.1s; }
.qoode-pricing-grid > .qoode-pricing-card:nth-child(2) { animation-delay: 0.2s; }
.qoode-pricing-grid > .qoode-pricing-card:nth-child(3) { animation-delay: 0.3s; }

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ============================================
   DARK MODE SUPPORT (opzionale)
   ============================================ */

@media (prefers-color-scheme: dark) {
  :root {
    --pricing-white: #1a202c;
    --pricing-dark: #f7fafc;
    --pricing-gray: #cbd5e0;
    --pricing-gray-light: #4a5568;
    --pricing-gray-lighter: #2d3748;
    --pricing-border: rgba(255, 255, 255, 0.08);
  }
  
  .qoode-pricing-card {
    background: #1a202c;
  }
  
  .q-renew {
    background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
    border-color: rgba(255, 255, 255, 0.1);
  }
}/* End custom CSS */