:root {
    --main: #231f20;
    --secondary: #fff;
    --complementario: #f8ea02;
    --cta-fs: clamp(1.0625rem, 1.0337rem + 0.1282vw, 1.1875rem);
    --space1: clamp(.5rem, 0.2683rem + 0.813vw, 1rem);
    --space2: clamp(1rem, 0.7692rem + 1.0256vw, 2rem);
    --space4: clamp(1rem, 0.3077rem + 3.0769vw, 4rem);
    --body: clamp(1.0625rem, 1.0192rem + 0.1923vw, 1.25rem);
    --h1: clamp(1.5rem, 1.2692rem + 1.0256vw, 2.5rem);
    --h2: clamp(1.375rem, 1.0778rem + 1.3208vw, 2.25rem);
    --h3: clamp(1.25rem, 0.9953rem + 1.1321vw, 2rem);
    --h4: clamp(1.125rem, 0.9127rem + 0.9434vw, 1.75rem);
    --h5: clamp(1.0625rem, 0.8927rem + 0.7547vw, 1.5625rem);
    --h6: clamp(1rem, 0.9151rem + 0.3774vw, 1.25rem);
    --fs-inputs: clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem);
}

.p-4{
	padding:var(--space4)
}

.pb-4,.py-4,.p-4{
	padding-bottom:var(--space4)
}

.pt-4,.py-4,.p-4{
	padding-top:var(--space4)
}

.p-2{
	padding:var(--space2)
}

.ar-1{aspect-ratio:1 / 1}


.elementor-element.cta a.elementor-button{
border-radius: .75em;
background: linear-gradient(145deg, #e2c27c, #bea368);
box-shadow:  20px 20px 60px #b39a63, -20px -20px 60px #f3d085;
background-color:unset;
transition:border-radius .4s ease-in-out, box-shadow .2s ease-in;
color:#333;
font-weight: 600
}

.elementor-element.cta a.elementor-button:hover{
border-radius: 1.5em;;
background-color: #d3b574;
box-shadow:  10px 10px 30px #b39a63, -10px -10px 30px #f3d085;
background-image:unset;
transition:border-radius .4s ease-in-out, box-shadow .2s ease-in;
color:#333;
font-weight: 600
}	

.elementor-element.cta a.elementor-button:active{
border-radius: .25em;
background: linear-gradient(145deg, #bea368, #e2c27c);
box-shadow:  6px 6px 18px #b39a63, -6px -6px 18px #f3d085;
background-color:unset;
transition:border-radius .4s ease-in-out, box-shadow .2s ease-in;
color:#333;
font-weight: 600
}

.shanti__neumorph.columna {
    border-radius: 50px;
    background: #f2ecdf;
    box-shadow: inset -20px 20px 60px #cec9be, inset 20px -20px 60px #ffffff;
}

.shanti__neumorph-recensioni.columna{border-radius: 20px;
background: linear-gradient(225deg, #dad4c9, #fffdef);
box-shadow:  -20px 20px 40px #dad4c9,
             20px -20px 40px #fffff5;}


.shanti__neumorph .e-con-inner {
    border-radius: 50px;
    background: #f2ecdf;
    box-shadow: -20px 20px 60px #cec9be, 20px -20px 60px #ffffff;
}

.shanti__cta a,
.page .shanti__form button {
border-radius: 25px;
background: linear-gradient(225deg, #d1cd97, #b0ad7f);
box-shadow:  -20px 20px 40px #b0ad7f,
             20px -20px 40px #d7d39b;
color:black;
padding:25px 50px!important;
font-size:1.25rem;
font-weight: 700;
margin: 2rem auto;
}

.shanti__cta a:hover,
.page .shanti__form button:hover {
background: linear-gradient(225deg, #b0ad7f, #d1cd97);
box-shadow:  -10px 10px 20px #b0ad7f,
             10px -10px 20px #d7d39b;
color:black;
}

.page .shanti__form label {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: .5rem;
}

.page .shanti__form input,
.page .shanti__form textarea,
.page .shanti__form select {
    border-radius: 0!important;
  border: 38px solid;
  border-image-slice: 1;
  border-width: 18px;
  border-image-source: linear-gradient(to left, #c3c08d70, #d3b574);
}

.cristal {
    backdrop-filter: blur(10px) saturate(174%);
    -webkit-backdrop-filter: blur(10px) saturate(174%);
    background-color: rgba(255, 255, 255, 0.55);
    border-radius: 12px;
    border: 2px solid rgba(255, 255, 255, 0.125);
    color: white;
    padding: var(--space4);
    margin: 0 auto;
    max-width: 768px;
    transition:all .5s ease-in
}

.tilellt__text-overlay{mix-blend-mode: color-dodge;
filter: brightness(1.25);
transition:all .5s ease-out}

.tilellit__cristal-container:hover .tilellt__text-overlay{mix-blend-mode:plus-lighter;
transition:all .5s ease-in}

.tilellit__cristal-container > div:hover .cristal {
    backdrop-filter: blur(18px) saturate(348%);
    -webkit-backdrop-filter: blur(18px) saturate(348%);
    transition:all .5s ease-out
}
/* WPForms 3199 / campo select 8 */
#wpforms-3199-field_8 option:disabled {
  color: red;
  background-color: #ffe6e6;
  cursor: not-allowed;
}

.prana-num-hint {
  margin: 8px 0 6px;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1.3;
  background: #fff7e6;
  border-left: 4px solid #ffb100;
  border-radius: 4px;
}
#wpforms-3199-field_8 option:disabled {
  color: #c00;
  background-color: #ffeaea;
  font-style: italic;
  cursor: not-allowed;
}


@media (max-width:768px){
.tilellit__cristal-container > div {padding-bottom:4rem}
}