.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor-widget-n-menu{--n-menu-direction:column;--n-menu-wrapper-display:flex;--n-menu-heading-justify-content:initial;--n-menu-title-color-normal:#1f2124;--n-menu-title-color-active:#58d0f5;--n-menu-icon-color:var(--n-menu-title-color-normal);--n-menu-icon-color-active:var(--n-menu-title-color-active);--n-menu-icon-color-hover:var(--n-menu-title-color-hover);--n-menu-title-normal-color-dropdown:var(--n-menu-title-color-normal);--n-menu-title-active-color-dropdown:var(--n-menu-title-color-active);--n-menu-title-hover-color-fallback:#1f2124;--n-menu-title-font-size:1rem;--n-menu-title-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-title-space-between:0px;--n-menu-title-distance-from-content:0px;--n-menu-title-color-hover:#1f2124;--n-menu-title-padding:0.5rem 1rem;--n-menu-title-transition:0.3s;--n-menu-title-line-height:1.5;--n-menu-title-order:initial;--n-menu-title-direction:initial;--n-menu-title-align-items:center;--n-menu-toggle-align:center;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:#1f2124;--n-menu-toggle-icon-color-hover:var(--n-menu-toggle-icon-color);--n-menu-toggle-icon-color-active:var(--n-menu-toggle-icon-color);--n-menu-toggle-icon-border-radius:initial;--n-menu-toggle-icon-padding:initial;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-icon-align-items:center;--n-menu-icon-order:initial;--n-menu-icon-gap:5px;--n-menu-dropdown-icon-gap:5px;--n-menu-dropdown-indicator-size:initial;--n-menu-dropdown-indicator-rotate:initial;--n-menu-dropdown-indicator-space:initial;--n-menu-dropdown-indicator-color-normal:initial;--n-menu-dropdown-indicator-color-hover:initial;--n-menu-dropdown-indicator-color-active:initial;--n-menu-dropdown-content-max-width:initial;--n-menu-dropdown-content-box-border-color:#fff;--n-menu-dropdown-content-box-border-inline-start-width:medium;--n-menu-dropdown-content-box-border-block-end-width:medium;--n-menu-dropdown-content-box-border-block-start-width:medium;--n-menu-dropdown-content-box-border-inline-end-width:medium;--n-menu-dropdown-content-box-border-style:none;--n-menu-dropdown-headings-height:0px;--n-menu-divider-border-width:var(--n-menu-divider-width,2px);--n-menu-open-animation-duration:500ms;--n-menu-heading-overflow-x:initial;--n-menu-heading-wrap:wrap;--stretch-width:100%;--stretch-left:initial;--stretch-right:initial}.elementor-widget-n-menu .e-n-menu{display:flex;flex-direction:column;position:relative}.elementor-widget-n-menu .e-n-menu-wrapper{display:var(--n-menu-wrapper-display);flex-direction:column}.elementor-widget-n-menu .e-n-menu-heading{display:flex;flex-direction:row;flex-wrap:var(--n-menu-heading-wrap);justify-content:var(--n-menu-heading-justify-content);margin:initial;overflow-x:var(--n-menu-heading-overflow-x);padding:initial;row-gap:var(--n-menu-title-space-between);-ms-overflow-style:none;scrollbar-width:none}.elementor-widget-n-menu .e-n-menu-heading::-webkit-scrollbar{display:none}.elementor-widget-n-menu .e-n-menu-heading.e-scroll{cursor:grabbing;cursor:-webkit-grabbing}.elementor-widget-n-menu .e-n-menu-heading.e-scroll-active{position:relative}.elementor-widget-n-menu .e-n-menu-heading.e-scroll-active:before{content:"";inset-block:0;inset-inline:-1000vw;position:absolute;z-index:2}.elementor-widget-n-menu .e-n-menu-heading>.e-con,.elementor-widget-n-menu .e-n-menu-heading>.e-n-menu-item>.e-con{display:none}.elementor-widget-n-menu .e-n-menu-item{display:flex;list-style:none;margin-block:initial;padding-block:initial}.elementor-widget-n-menu .e-n-menu-item .e-n-menu-title{position:relative}.elementor-widget-n-menu .e-n-menu-item:not(:last-of-type) .e-n-menu-title:after{align-self:center;border-color:var(--n-menu-divider-color,#000);border-inline-start-style:var(--n-menu-divider-style,solid);border-inline-start-width:var(--n-menu-divider-border-width);content:var(--n-menu-divider-content,none);height:var(--n-menu-divider-height,35%);inset-inline-end:calc(var(--n-menu-title-space-between) / 2 * -1 - var(--n-menu-divider-border-width) / 2);position:absolute}.elementor-widget-n-menu .e-n-menu-content{background-color:transparent;display:flex;flex-direction:column;min-width:0;z-index:2147483620}.elementor-widget-n-menu .e-n-menu-content>.e-con{animation-duration:var(--n-menu-open-animation-duration);max-width:calc(100% - var(--margin-inline-start, var(--margin-left)) - var(--margin-inline-end, var(--margin-right)))}:where(.elementor-widget-n-menu .e-n-menu-content>.e-con){background-color:#fff}.elementor-widget-n-menu .e-n-menu-content>.e-con:not(.e-active){display:none}.elementor-widget-n-menu .e-n-menu-title{align-items:center;border:#fff;color:var(--n-menu-title-color-normal);display:flex;flex-direction:row;flex-grow:var(--n-menu-title-flex-grow);font-weight:500;gap:var(--n-menu-dropdown-indicator-space);justify-content:var(--n-menu-title-justify-content);margin:initial;padding:var(--n-menu-title-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.elementor-widget-n-menu .e-n-menu-title.e-click,.elementor-widget-n-menu .e-n-menu-title.e-click *{cursor:pointer}.elementor-widget-n-menu .e-n-menu-title-container{align-items:var(--n-menu-title-align-items);align-self:var(--n-menu-icon-align-items);display:flex;flex-direction:var(--n-menu-title-direction);gap:var(--n-menu-icon-gap);justify-content:var(--n-menu-title-justify-content)}.elementor-widget-n-menu .e-n-menu-title-container.e-link{cursor:pointer}.elementor-widget-n-menu .e-n-menu-title-container:not(.e-link),.elementor-widget-n-menu .e-n-menu-title-container:not(.e-link) *{cursor:default}.elementor-widget-n-menu .e-n-menu-title-text{align-items:center;display:flex;font-size:var(--n-menu-title-font-size);line-height:var(--n-menu-title-line-height);transition:all var(--n-menu-title-transition)}.elementor-widget-n-menu .e-n-menu-title .e-n-menu-icon{align-items:center;display:flex;flex-direction:column;order:var(--n-menu-icon-order)}.elementor-widget-n-menu .e-n-menu-title .e-n-menu-icon span{align-items:center;display:flex;justify-content:center;transition:transform 0s}.elementor-widget-n-menu .e-n-menu-title .e-n-menu-icon span i{font-size:var(--n-menu-icon-size,var(--n-menu-title-font-size));transition:all var(--n-menu-title-transition)}.elementor-widget-n-menu .e-n-menu-title .e-n-menu-icon span svg{fill:var(--n-menu-title-color-normal);height:var(--n-menu-icon-size,var(--n-menu-title-font-size));transition:all var(--n-menu-title-transition);width:var(--n-menu-icon-size,var(--n-menu-title-font-size))}.elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon{align-self:var(--n-menu-icon-align-items);background-color:initial;border:initial;color:inherit;display:flex;flex-direction:column;height:calc(var(--n-menu-title-font-size) * var(--n-menu-title-line-height));justify-content:center;margin-inline-start:var(--n-menu-dropdown-icon-gap);padding:initial;position:relative;text-align:center;transform:var(--n-menu-dropdown-indicator-rotate);transition:all var(--n-menu-title-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}.elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon span i{font-size:var(--n-menu-dropdown-indicator-size,var(--n-menu-title-font-size));transition:all var(--n-menu-title-transition);width:var(--n-menu-dropdown-indicator-size,var(--n-menu-title-font-size))}.elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon span svg{height:var(--n-menu-dropdown-indicator-size,var(--n-menu-title-font-size));transition:all var(--n-menu-title-transition);width:var(--n-menu-dropdown-indicator-size,var(--n-menu-title-font-size))}.elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded=false] .e-n-menu-dropdown-icon-opened{display:none}.elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded=false] .e-n-menu-dropdown-icon-closed{display:flex}.elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded=true] .e-n-menu-dropdown-icon-closed{display:none}.elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded=true] .e-n-menu-dropdown-icon-opened{display:flex}.elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon:focus:not(:focus-visible){outline:none}.elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-title-container .e-n-menu-title-text{color:var(--n-menu-title-color-normal)}.elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-icon i{color:var(--n-menu-icon-color)}.elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-icon svg{fill:var(--n-menu-icon-color)}.elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-dropdown-icon i{color:var(--n-menu-dropdown-indicator-color-normal,var(--n-menu-title-color-normal))}.elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-dropdown-icon svg{fill:var(--n-menu-dropdown-indicator-color-normal,var(--n-menu-title-color-normal))}.elementor-widget-n-menu .e-n-menu-title:not(.e-current) .icon-active{height:0;opacity:0;transform:translateY(-100%)}.elementor-widget-n-menu .e-n-menu-title.e-current span>svg{fill:var(--n-menu-title-color-active)}.elementor-widget-n-menu .e-n-menu-title.e-current,.elementor-widget-n-menu .e-n-menu-title.e-current a{color:var(--n-menu-title-color-active)}.elementor-widget-n-menu .e-n-menu-title.e-current .icon-inactive{height:0;opacity:0;transform:translateY(-100%)}.elementor-widget-n-menu .e-n-menu-title.e-current .e-n-menu-icon span>i{color:var(--n-menu-icon-color-active)}.elementor-widget-n-menu .e-n-menu-title.e-current .e-n-menu-icon span>svg{fill:var(--n-menu-icon-color-active)}.elementor-widget-n-menu .e-n-menu-title.e-current .e-n-menu-dropdown-icon i{color:var(--n-menu-dropdown-indicator-color-active,var(--n-menu-title-color-active))}.elementor-widget-n-menu .e-n-menu-title.e-current .e-n-menu-dropdown-icon svg{fill:var(--n-menu-dropdown-indicator-color-active,var(--n-menu-title-color-active))}.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) .e-n-menu-title-container:not(.e-link){cursor:default}.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) svg{fill:var(--n-menu-title-color-hover,var(--n-menu-title-hover-color-fallback))}.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) i{color:var(--n-menu-title-color-hover,var(--n-menu-title-hover-color-fallback))}.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current),.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) a{color:var(--n-menu-title-color-hover)}.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) .e-n-menu-icon i{color:var(--n-menu-icon-color-hover)}.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) .e-n-menu-icon svg{fill:var(--n-menu-icon-color-hover)}.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) .e-n-menu-dropdown-icon i{color:var(--n-menu-dropdown-indicator-color-hover,var(--n-menu-title-color-hover))}.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) .e-n-menu-dropdown-icon svg{fill:var(--n-menu-dropdown-indicator-color-hover,var(--n-menu-title-color-hover))}.elementor-widget-n-menu .e-n-menu-toggle{align-self:var(--n-menu-toggle-align);background-color:initial;border:initial;color:inherit;display:none;padding:initial;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1000}.elementor-widget-n-menu .e-n-menu-toggle:focus:not(:focus-visible){outline:none}.elementor-widget-n-menu .e-n-menu-toggle i{color:var(--n-menu-toggle-icon-color);font-size:var(--n-menu-toggle-icon-size);transition:all var(--n-menu-toggle-icon-hover-duration)}.elementor-widget-n-menu .e-n-menu-toggle svg{fill:var(--n-menu-toggle-icon-color);height:auto;transition:all var(--n-menu-toggle-icon-hover-duration);width:var(--n-menu-toggle-icon-size)}.elementor-widget-n-menu .e-n-menu-toggle span{align-items:center;border-radius:var(--n-menu-toggle-icon-border-radius);display:flex;justify-content:center;padding:var(--n-menu-toggle-icon-padding);text-align:center}.elementor-widget-n-menu .e-n-menu-toggle span.e-close{height:100%;inset:0;opacity:0;position:absolute;width:100%}.elementor-widget-n-menu .e-n-menu-toggle span.e-close svg{height:100%;-o-object-fit:contain;object-fit:contain}.elementor-widget-n-menu .e-n-menu-toggle [class^=elementor-animation-]{animation-duration:var(--n-menu-toggle-icon-wrapper-animation-duration);transition-duration:var(--n-menu-toggle-icon-wrapper-animation-duration)}.elementor-widget-n-menu .e-n-menu-toggle:hover i{color:var(--n-menu-toggle-icon-color-hover)}.elementor-widget-n-menu .e-n-menu-toggle:hover svg{fill:var(--n-menu-toggle-icon-color-hover)}.elementor-widget-n-menu .e-n-menu-toggle[aria-expanded=true] .e-open{opacity:0}.elementor-widget-n-menu .e-n-menu-toggle[aria-expanded=true] .e-close{opacity:1}.elementor-widget-n-menu .e-n-menu-toggle[aria-expanded=true] i{color:var(--n-menu-toggle-icon-color-active)}.elementor-widget-n-menu .e-n-menu-toggle[aria-expanded=true] svg{fill:var(--n-menu-toggle-icon-color-active)}.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]) .e-n-menu-item:not(:last-child){margin-inline-end:var(--n-menu-title-space-between)}.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]) .e-n-menu-content{left:var(--stretch-left);position:absolute;right:var(--stretch-right);width:var(--stretch-width)}.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]):not(.content-above) .e-active.e-n-menu-content{padding-block-start:var(--n-menu-title-distance-from-content);top:100%}.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]).content-above .e-active.e-n-menu-content{bottom:100%;padding-block-end:var(--n-menu-title-distance-from-content)}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown]{gap:0}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-wrapper{animation:hide-scroll .3s backwards;background-color:transparent;border-block-end:var(--n-menu-dropdown-content-box-border-width-block-end);border-block-start:var(--n-menu-dropdown-content-box-border-width-block-start);border-inline-end:var(--n-menu-dropdown-content-box-border-width-inline-end);border-inline-start:var(--n-menu-dropdown-content-box-border-width-inline-start);border-color:var(--n-menu-dropdown-content-box-border-color);border-radius:var(--n-menu-dropdown-content-box-border-radius);border-style:var(--n-menu-dropdown-content-box-border-style);box-shadow:var(--n-menu-dropdown-content-box-shadow-horizontal) var(--n-menu-dropdown-content-box-shadow-vertical) var(--n-menu-dropdown-content-box-shadow-blur) var(--n-menu-dropdown-content-box-shadow-spread) var(--n-menu-dropdown-content-box-shadow-color) var(--n-menu-dropdown-content-box-shadow-position, );flex-direction:column;left:var(--stretch-left);margin-block-start:var(--n-menu-toggle-icon-distance-from-dropdown);max-height:var(--n-menu-dropdown-content-box-height);min-width:0;overflow-x:hidden;overflow-y:auto;position:absolute;right:var(--stretch-right);top:100%;transition:max-height .3s;width:var(--stretch-width);z-index:2147483640}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-item{display:flex;flex-direction:column;width:var(--stretch-width)}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title{background-color:#fff;flex-wrap:wrap;justify-content:var(--n-menu-title-justify-content-mobile);white-space:normal;width:auto}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title:not(.e-current) .e-n-menu-title-container .e-n-menu-title-text{color:var(--n-menu-title-normal-color-dropdown)}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title:not(.e-current) .e-n-menu-dropdown-icon i{color:var(--n-menu-dropdown-indicator-color-normal,var(--n-menu-title-normal-color-dropdown))}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title:not(.e-current) .e-n-menu-dropdown-icon svg{fill:var(--n-menu-dropdown-indicator-color-normal,var(--n-menu-title-normal-color-dropdown))}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title.e-current,.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title.e-current a{color:var(--n-menu-title-active-color-dropdown)}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title.e-current .e-n-menu-dropdown-icon i{color:var(--n-menu-dropdown-indicator-color-active,var(--n-menu-title-active-color-dropdown))}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title.e-current .e-n-menu-dropdown-icon svg{fill:var(--n-menu-dropdown-indicator-color-active,var(--n-menu-title-active-color-dropdown))}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-content{overflow:hidden;width:var(--stretch-width);--n-menu-dropdown-content-max-width:initial}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-content>.e-con{margin-block-start:var(--n-menu-title-distance-from-content);width:var(--width)}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-content>.e-con .elementor-empty-view{min-width:auto;width:100%}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-content>.e-con-inner{max-width:var(--content-width)}.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-toggle[aria-expanded=true]+.e-n-menu-wrapper{--n-menu-wrapper-display:flex}.elementor-widget-n-menu.e-fit_to_content :where(.e-n-menu-content>.e-con){--width:fit-content}.elementor-widget-n-menu.e-fit_to_content :where(.e-n-menu-content>.e-con).e-empty{--empty-top-level-menu-content-container-min-width:400px;--width:var(--empty-top-level-menu-content-container-min-width)}.elementor-widget-n-menu.e-fit_to_content :where(.e-n-menu-content>.e-con) .e-con.e-empty{--nested-containers-min-width-for-dropzone:150px;min-width:var(--nested-containers-min-width-for-dropzone)}.elementor-widget-n-menu.elementor-loading{pointer-events:none}.elementor.elementor .elementor-widget-n-menu.e-n-menu-layout-dropdown{--n-menu-wrapper-display:none}.elementor.elementor .elementor-widget-n-menu.e-n-menu-layout-dropdown .e-n-menu-toggle{display:flex}@media (max-width:767px){.elementor.elementor .elementor-widget-n-menu.e-n-menu-mobile{--n-menu-wrapper-display:none}.elementor.elementor .elementor-widget-n-menu.e-n-menu-mobile .e-n-menu-toggle{display:flex}}@media (max-width:-1){.elementor.elementor .elementor-widget-n-menu.e-n-menu-mobile_extra{--n-menu-wrapper-display:none}.elementor.elementor .elementor-widget-n-menu.e-n-menu-mobile_extra .e-n-menu-toggle{display:flex}}@media (max-width:1024px){.elementor.elementor .elementor-widget-n-menu.e-n-menu-tablet{--n-menu-wrapper-display:none}.elementor.elementor .elementor-widget-n-menu.e-n-menu-tablet .e-n-menu-toggle{display:flex}}@media (max-width:-1){.elementor.elementor .elementor-widget-n-menu.e-n-menu-tablet_extra{--n-menu-wrapper-display:none}.elementor.elementor .elementor-widget-n-menu.e-n-menu-tablet_extra .e-n-menu-toggle{display:flex}}@media (max-width:1366px){.elementor.elementor .elementor-widget-n-menu.e-n-menu-laptop{--n-menu-wrapper-display:none}.elementor.elementor .elementor-widget-n-menu.e-n-menu-laptop .e-n-menu-toggle{display:flex}}@keyframes hide-scroll{0%,to{overflow:hidden}}.e-con-inner>.elementor-widget-n-menu,.e-con>.elementor-widget-n-menu{--flex-grow:var(--container-widget-flex-grow)}[data-core-v316-plus=true] .elementor-widget-n-menu .e-n-menu .e-n-menu-content>.e-con{--padding-top:initial;--padding-right:initial;--padding-bottom:initial;--padding-left:initial}.elementor-sticky--active{z-index:99}.elementor-sticky__spacer .e-n-menu .e-n-menu-content{display:none}.e-con.elementor-sticky--active{z-index:var(--z-index,99)}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.perac-widget-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} .perac-loading {
text-align: center;
padding: 40px;
}
.perac-spinner {
display: inline-block;
width: 40px;
height: 40px;
border: 4px solid #f3f3f3;
border-top: 4px solid #0073aa;
border-radius: 50%;
animation: perac-spin 1s linear infinite;
}
@keyframes perac-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.perac-loading p {
margin-top: 15px;
color: #666;
font-size: 14px;
} .perac-tabela-wrapper {
overflow-x: auto;
}
.perac-tabela-wrapper h3 {
margin: 0 0 20px;
color: #333;
font-size: 24px;
font-weight: 600;
}
.perac-tabela {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.perac-tabela thead {
background: #0073aa;
color: #fff;
}
.perac-tabela th {
padding: 12px;
text-align: left;
font-weight: 600;
white-space: nowrap;
}
.perac-tabela tbody tr {
border-bottom: 1px solid #e0e0e0;
transition: background 0.2s;
}
.perac-tabela tbody tr:hover {
background: #f9f9f9;
}
.perac-tabela td {
padding: 12px;
}
.perac-tabela td:first-child {
font-weight: 600;
}
.perac-tabela td:not(:first-child) {
text-align: right;
} .perac-variacao-positiva {
color: #d32f2f;
}
.perac-variacao-negativa {
color: #388e3c;
} .perac-calculadora {
max-width: 700px;
margin: 0 auto;
}
.perac-calculadora h3 {
margin: 0 0 25px;
color: #0073aa;
font-size: 24px;
font-weight: 600;
text-align: center;
}
.perac-form-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-bottom: 20px;
}
.perac-form-group {
display: flex;
flex-direction: column;
}
.perac-form-group label {
margin-bottom: 8px;
font-weight: 600;
color: #333;
font-size: 14px;
}
.perac-form-group input,
.perac-form-group select {
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
transition: border-color 0.2s;
}
.perac-form-group input:focus,
.perac-form-group select:focus {
outline: none;
border-color: #0073aa;
}
.perac-btn {
width: 100%;
padding: 12px 24px;
background: #0073aa;
color: #fff;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s;
}
.perac-btn:hover {
background: #005a87;
}
.perac-btn:active {
transform: scale(0.98);
}
.perac-btn-secundario {
padding: 8px 16px;
background: #fff;
color: #0073aa;
border: 1px solid #0073aa;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
transition: all 0.2s;
margin-right: 10px;
}
.perac-btn-secundario:hover {
background: #0073aa;
color: #fff;
} .perac-resultado {
margin-top: 30px;
padding: 25px;
background: #f9f9f9;
border: 2px solid #0073aa;
border-radius: 8px;
}
.perac-resultado h4 {
margin: 0 0 20px;
color: #0073aa;
font-size: 20px;
text-align: center;
}
.perac-resultado-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin-bottom: 20px;
}
.perac-resultado-item {
padding: 15px;
background: #fff;
border-radius: 6px;
border: 1px solid #e0e0e0;
}
.perac-resultado-item.perac-destaque {
background: #e3f2fd;
border-color: #0073aa;
}
.perac-label {
display: block;
font-size: 13px;
color: #666;
margin-bottom: 5px;
}
.perac-valor {
display: block;
font-size: 22px;
font-weight: 700;
color: #333;
}
.perac-destaque .perac-valor {
color: #0073aa;
}
.perac-resultado button {
margin-top: 15px;
} .perac-card {
max-width: 400px;
margin: 0 auto;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.perac-card-header {
padding: 20px;
background: #0073aa;
color: #fff;
}
.perac-card-header h3 {
margin: 0;
font-size: 20px;
}
.perac-card-header p {
margin: 5px 0 0;
opacity: 0.9;
font-size: 14px;
}
.perac-card-body {
padding: 20px;
}
.perac-card-stat {
display: flex;
justify-content: space-between;
padding: 12px 0;
border-bottom: 1px solid #e0e0e0;
}
.perac-card-stat:last-child {
border-bottom: none;
}
.perac-card-stat-label {
font-size: 14px;
color: #666;
}
.perac-card-stat-value {
font-size: 16px;
font-weight: 600;
color: #333;
}
.perac-card-footer {
padding: 15px 20px;
background: #f9f9f9;
text-align: center;
font-size: 12px;
color: #999;
} .perac-error {
padding: 15px;
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
border-radius: 4px;
margin: 20px 0;
}
.perac-error strong {
display: block;
margin-bottom: 5px;
} .perac-tooltip {
position: relative;
display: inline-block;
cursor: help;
border-bottom: 1px dotted #999;
}
.perac-tooltip .perac-tooltip-text {
visibility: hidden;
width: 200px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 8px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -100px;
opacity: 0;
transition: opacity 0.3s;
font-size: 12px;
}
.perac-tooltip:hover .perac-tooltip-text {
visibility: visible;
opacity: 1;
} .perac-calculadora {
max-width: 800px;
margin: 0 auto;
padding: 30px;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.perac-calculadora h3 {
margin: 0 0 10px;
color: #0073aa;
font-size: 24px;
font-weight: 600;
text-align: center;
}
.perac-calculadora-desc {
text-align: center;
color: #666;
margin-bottom: 30px;
}
.perac-calculadora-form {
margin-bottom: 30px;
}
.perac-form-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-bottom: 20px;
}
.perac-form-group {
display: flex;
flex-direction: column;
}
.perac-form-group label {
margin-bottom: 8px;
font-weight: 600;
color: #333;
font-size: 14px;
}
.perac-required {
color: #dc3232;
margin-left: 3px;
}
.perac-form-group input,
.perac-form-group select {
padding: 12px;
border: 2px solid #ddd;
border-radius: 4px;
font-size: 16px;
transition: border-color 0.2s;
}
.perac-form-group input:focus,
.perac-form-group select:focus {
outline: none;
border-color: #0073aa;
}
.perac-hint {
margin-top: 5px;
font-size: 12px;
color: #999;
}
.perac-form-actions {
display: flex;
gap: 10px;
justify-content: center;
margin-top: 30px;
}
.perac-btn {
padding: 12px 24px;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
display: inline-flex;
align-items: center;
gap: 8px;
}
.perac-btn-primary {
background: #0073aa;
color: #fff;
}
.perac-btn-primary:hover {
background: #005a87;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 115, 170, 0.3);
}
.perac-btn-secondary {
background: #f0f0f0;
color: #333;
}
.perac-btn-secondary:hover {
background: #e0e0e0;
}
.perac-btn:active {
transform: scale(0.98);
}
.perac-btn.perac-loading {
opacity: 0.6;
pointer-events: none;
}
.perac-btn .dashicons {
font-size: 18px;
width: 18px;
height: 18px;
} .perac-resultado {
margin-top: 30px;
padding: 25px;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
border-radius: 8px;
animation: perac-slideIn 0.5s ease-out;
}
@keyframes perac-slideIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.perac-resultado-header {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
.perac-resultado-header h4 {
margin: 0;
color: #0073aa;
font-size: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.perac-resultado-header .dashicons {
color: #46b450;
font-size: 24px;
}
.perac-resultado-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin-bottom: 20px;
}
.perac-resultado-card {
padding: 15px;
background: #fff;
border-radius: 6px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
text-align: center;
}
.perac-resultado-card.perac-destaque {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
transform: scale(1.05);
}
.perac-label {
display: block;
font-size: 13px;
color: #666;
margin-bottom: 8px;
font-weight: 500;
}
.perac-destaque .perac-label {
color: rgba(255, 255, 255, 0.9);
}
.perac-valor {
display: block;
font-size: 24px;
font-weight: 700;
color: #333;
}
.perac-destaque .perac-valor {
color: #fff;
font-size: 28px;
}
.perac-positivo {
color: #46b450;
}
.perac-negativo {
color: #dc3232;
}
.perac-resultado-info {
padding: 15px;
background: #fff;
border-radius: 6px;
margin-bottom: 15px;
text-align: center;
}
.perac-resultado-info p {
margin: 0;
color: #666;
line-height: 1.6;
}
.perac-resultado-detalhes {
margin-top: 20px;
}
.perac-toggle-detalhes {
width: 100%;
padding: 12px;
background: #fff;
border: 2px solid #0073aa;
border-radius: 4px;
color: #0073aa;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.perac-toggle-detalhes:hover {
background: #0073aa;
color: #fff;
}
.perac-detalhes-conteudo {
margin-top: 15px;
padding: 15px;
background: #fff;
border-radius: 6px;
}
.perac-tabela-detalhes {
font-size: 13px;
}
.perac-tabela-detalhes th,
.perac-tabela-detalhes td {
padding: 8px;
}
.perac-resultado-acoes {
display: flex;
gap: 10px;
justify-content: center;
margin-top: 20px;
}
.perac-btn-exportar {
padding: 10px 20px;
background: #fff;
border: 2px solid #0073aa;
border-radius: 4px;
color: #0073aa;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
display: flex;
align-items: center;
gap: 6px;
}
.perac-btn-exportar:hover {
background: #0073aa;
color: #fff;
}
.perac-resultado-error {
padding: 15px;
background: #f8d7da;
border: 1px solid #f5c6cb;
border-radius: 4px;
color: #721c24;
display: flex;
align-items: center;
gap: 10px;
}
.perac-resultado-error .dashicons {
color: #dc3232;
font-size: 20px;
} .perac-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: all 0.3s ease;
}
.perac-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.perac-card-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
padding: 20px;
display: flex;
align-items: center;
gap: 15px;
}
.perac-card-icon {
background: rgba(255, 255, 255, 0.2);
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.perac-card-icon .dashicons {
font-size: 28px;
width: 28px;
height: 28px;
}
.perac-card-title h3 {
margin: 0 0 5px;
font-size: 20px;
font-weight: 700;
}
.perac-card-title p {
margin: 0;
opacity: 0.9;
font-size: 14px;
}
.perac-card-body {
padding: 25px;
}
.perac-card-principal {
text-align: center;
padding: 20px;
background: #f5f7fa;
border-radius: 8px;
margin-bottom: 20px;
}
.perac-card-label {
display: block;
font-size: 13px;
color: #666;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.perac-card-valor-principal {
font-size: 42px;
font-weight: 700;
color: #0073aa;
line-height: 1;
margin-bottom: 8px;
}
.perac-card-data {
font-size: 14px;
color: #999;
}
.perac-card-metricas {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
margin-bottom: 20px;
}
.perac-metrica {
padding: 15px;
background: #f9f9f9;
border-radius: 6px;
border-left: 3px solid #0073aa;
}
.perac-metrica-label {
display: block;
font-size: 12px;
color: #666;
margin-bottom: 8px;
font-weight: 600;
}
.perac-metrica-valor {
font-size: 20px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: space-between;
}
.perac-metrica-dif {
font-size: 12px;
padding: 2px 6px;
border-radius: 3px;
font-weight: 600;
}
.perac-seta-up {
background: #d4edda;
color: #155724;
}
.perac-seta-down {
background: #f8d7da;
color: #721c24;
}
.perac-card-tendencia {
padding: 15px;
background: #f5f7fa;
border-radius: 6px;
margin-bottom: 20px;
}
.perac-tendencia-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.perac-tendencia-icon {
padding: 4px 12px;
border-radius: 4px;
font-size: 13px;
font-weight: 600;
}
.perac-tendencia-icon.perac-alta {
background: #d4edda;
color: #155724;
}
.perac-tendencia-icon.perac-baixa {
background: #f8d7da;
color: #721c24;
}
.perac-tendencia-icon.perac-estavel {
background: #fff3cd;
color: #856404;
}
.perac-tendencia-grafico {
height: 50px;
}
.perac-sparkline {
width: 100%;
height: 100%;
}
.perac-card-info {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
background: #f9f9f9;
border-radius: 6px;
}
.perac-info-item {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
color: #666;
}
.perac-info-item .dashicons {
color: #0073aa;
font-size: 16px;
}
.perac-card-footer {
padding: 15px 25px;
background: #f5f7fa;
display: flex;
gap: 10px;
}
.perac-card-btn {
flex: 1;
padding: 10px;
background: #fff;
border: 2px solid #0073aa;
border-radius: 4px;
color: #0073aa;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.perac-card-btn:hover {
background: #0073aa;
color: #fff;
}
.perac-card-btn .dashicons {
font-size: 16px;
} .perac-cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 25px;
padding: 20px;
} @keyframes perac-fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.perac-fade-in {
animation: perac-fadeIn 0.6s ease-out;
} @media screen and (max-width: 768px) {
.perac-calculadora {
padding: 20px;
}
.perac-form-row {
grid-template-columns: 1fr;
}
.perac-resultado-grid {
grid-template-columns: 1fr;
}
.perac-card-metricas {
grid-template-columns: 1fr;
}
.perac-cards-grid {
grid-template-columns: 1fr;
}
.perac-card-valor-principal {
font-size: 32px;
}
.perac-form-actions {
flex-direction: column;
}
.perac-btn {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.perac-tabela thead {
display: none;
}
.perac-tabela tbody tr {
display: block;
margin-bottom: 15px;
border: 1px solid #e0e0e0;
border-radius: 4px;
}
.perac-tabela td {
display: flex;
justify-content: space-between;
padding: 8px 12px;
text-align: left !important;
}
.perac-tabela td:before {
content: attr(data-label);
font-weight: 600;
margin-right: 10px;
}
} @media print {
.perac-btn,
.perac-btn-secundario {
display: none;
}
.perac-widget-container {
box-shadow: none;
}
.perac-tabela {
border: 1px solid #000;
}
.perac-tabela th,
.perac-tabela td {
border: 1px solid #000;
}
} @keyframes perac-fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.perac-fade-in {
animation: perac-fadeIn 0.5s ease-out;
} .perac-text-center {
text-align: center;
}
.perac-text-right {
text-align: right;
}
.perac-mt-10 {
margin-top: 10px;
}
.perac-mt-20 {
margin-top: 20px;
}
.perac-mb-10 {
margin-bottom: 10px;
}
.perac-mb-20 {
margin-bottom: 20px;
}
.perac-hidden {
display: none !important;
}.perac-pdf-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 20px;
background-color: #c0392b;
color: #ffffff;
border: none;
border-radius: 2px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
}
.perac-pdf-button[data-perac-pdf-type="table"] {
border: 2px solid #c0392b;
}
.perac-calculator-results-actions .perac-pdf-button {
padding: 14px 24px;
border-radius: 4px;
font-size: 16px;
flex-grow: 1;
}
.perac-pdf-button[data-perac-pdf-type="table"],
.perac-calculator-results-actions .perac-pdf-button {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.perac-pdf-button:hover,
.perac-pdf-button:focus {
background-color: #96281b;
border-color: #96281b;
}
.perac-pdf-button[data-perac-pdf-type="table"]:hover,
.perac-pdf-button[data-perac-pdf-type="table"]:focus,
.perac-calculator-results-actions .perac-pdf-button:hover,
.perac-calculator-results-actions .perac-pdf-button:focus {
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.perac-pdf-button:active {
transform: translateY(1px);
}
.perac-pdf-button:disabled,
.perac-pdf-button[disabled] {
opacity: 0.6;
cursor: not-allowed;
transform: none;
} .perac-pdf-button i,
.perac-pdf-button svg {
font-size: 14px;
flex-shrink: 0;
} .perac-table-toolbar .perac-pdf-button,
.perac-table-footer .perac-pdf-button {
margin-left: 8px;
} .perac-calculator-results-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 16px;
padding-top: 12px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
} .perac-pdf-button.is-loading {
pointer-events: none;
opacity: 0.75;
}
.perac-pdf-button.is-loading::before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
border: 2px solid rgba(255, 255, 255, 0.4);
border-top-color: #ffffff;
border-radius: 50%;
animation: perac-pdf-spin 0.7s linear infinite;
margin-right: 6px;
flex-shrink: 0;
}
@keyframes perac-pdf-spin {
to {
transform: rotate(360deg);
}
} @media (max-width: 480px) {
.perac-pdf-button {
padding: 6px 12px;
font-size: 12px;
}
}.perac-calculator-widget {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.perac-calculator-container {
background-color: #fff;
padding: 30px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} .perac-calculator-field {
margin-bottom: 20px;
}
.perac-calculator-field label {
display: block;
margin-bottom: 8px;
font-weight: 600;
font-size: 14px;
color: #333;
}
.perac-calculator-field label.has-tooltip {
display: inline-block;
}
.perac-calculator-field input,
.perac-calculator-field select {
width: 100%;
padding: 12px 15px;
font-size: 16px;
border: 2px solid #ddd;
border-radius: 4px;
background-color: #fff;
transition: all 0.3s ease;
box-sizing: border-box;
}
.perac-calculator-field input:focus,
.perac-calculator-field select:focus {
outline: none;
border-color: #0073aa;
box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
}
.perac-calculator-field input:hover,
.perac-calculator-field select:hover {
border-color: #0073aa;
} .perac-calculator-date-start,
.perac-calculator-date-end {
cursor: pointer;
} .perac-calculator-value {
font-family: monospace;
font-size: 18px;
font-weight: 600;
} .perac-field-description {
margin-top: 5px;
font-size: 12px;
color: #666;
}
.perac-field-description.above {
margin-bottom: 10px;
margin-top: 0;
}
.perac-field-description.below {
margin-top: 5px;
}
.perac-info-icon {
display: inline-block;
margin-left: 5px;
color: #0073aa;
font-size: 14px;
cursor: help;
} .perac-calculator-actions {
display: flex;
gap: 15px;
margin-top: 30px;
margin-bottom: 30px;
}
.perac-calculate-button,
.perac-clear-button {
flex: 1;
padding: 14px 24px;
font-size: 16px;
font-weight: 600;
border: none;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.perac-calculate-button {
background-color: #0073aa;
color: #fff;
}
.perac-calculate-button:hover {
background-color: #005a87;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.perac-calculate-button:active {
transform: translateY(0);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.perac-calculate-button:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.3);
}
.perac-clear-button {
background-color: #f5f5f5;
color: #666;
border: 2px solid #ddd;
}
.perac-clear-button:hover {
background-color: #e0e0e0;
border-color: #999;
color: #333;
} .perac-calculator-results {
margin-top: 30px;
padding: 25px;
background-color: #f9f9f9;
border-radius: 4px;
border-left: 4px solid #0073aa;
}
.perac-calculator-results h3 {
margin: 0 0 20px 0;
font-size: 18px;
font-weight: 600;
color: #333;
}
.perac-result-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
border-bottom: 1px solid #e0e0e0;
}
.perac-result-item:last-child {
border-bottom: none;
}
.perac-result-item label {
font-size: 14px;
color: #666;
font-weight: 500;
}
.perac-result-value {
font-size: 16px;
font-weight: 600;
color: #0073aa;
font-family: monospace;
} .perac-result-highlight {
--perac-results-highlight-bg-color: #0073aa;
position: relative;
margin-top: 15px;
padding-top: 20px;
border-top: 2px solid #0073aa;
padding: 20px 15px;
border-radius: 4px;
margin-left: -15px;
margin-right: -15px;
z-index: 1;
}
.perac-result-highlight:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: var(--perac-results-highlight-bg-color);
opacity: 0.1;
z-index: -1;
}
.perac-result-highlight label {
font-size: 16px;
font-weight: 600;
color: #333;
}
.perac-result-highlight .perac-result-value {
font-size: 24px;
font-weight: 700;
color: #0073aa;
} .perac-calculator-widget .perac-loading {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 20px;
text-align: center;
}
.perac-calculator-widget .perac-spinner {
display: inline-block;
width: 40px;
height: 40px;
border: 4px solid rgba(0, 115, 170, 0.1);
border-left-color: #0073aa;
border-radius: 50%;
animation: perac-spin 1s linear infinite;
}
@keyframes perac-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.perac-calculator-widget .perac-loading p {
margin-top: 15px;
color: #666;
font-size: 14px;
} .perac-calculator-error {
margin-top: 20px;
padding: 15px 20px;
background-color: #fff3cd;
border: 1px solid #ffc107;
border-radius: 4px;
color: #856404;
}
.perac-calculator-error strong {
display: block;
margin-bottom: 5px;
} .perac-calculator-field.has-error input,
.perac-calculator-field.has-error select {
border-color: #dc3545;
}
.perac-calculator-field.has-error label {
color: #dc3545;
}
.perac-calculator-field-error {
margin-top: 5px;
font-size: 12px;
color: #dc3545;
} @media screen and (max-width: 768px) {
.perac-calculator-container {
padding: 20px;
}
.perac-calculator-actions {
flex-direction: column;
}
.perac-calculate-button,
.perac-clear-button {
width: 100%;
}
.perac-result-item {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.perac-result-highlight .perac-result-value {
font-size: 20px;
}
}
@media screen and (max-width: 480px) {
.perac-calculator-widget {
max-width: 100%;
}
.perac-calculator-container {
padding: 15px;
border-radius: 0;
}
.perac-calculator-field label {
font-size: 13px;
}
.perac-calculator-field input,
.perac-calculator-field select {
font-size: 14px;
padding: 10px 12px;
}
.perac-calculator-results h3 {
font-size: 16px;
}
} @media print {
.perac-calculator-actions {
display: none !important;
}
.perac-calculator-container {
box-shadow: none;
border: 1px solid #ddd;
}
.perac-calculator-field input,
.perac-calculator-field select {
border: 1px solid #999;
}
} @media (prefers-reduced-motion: reduce) {
.perac-calculate-button,
.perac-clear-button,
.perac-calculator-field input,
.perac-calculator-field select {
transition: none;
}
.perac-spinner {
animation: none;
border-left-color: transparent;
border-top-color: #0073aa;
}
} @media (prefers-contrast: high) {
.perac-calculator-container {
border: 2px solid #000;
}
.perac-calculator-field input,
.perac-calculator-field select {
border: 2px solid #000;
}
.perac-calculate-button {
border: 2px solid #000;
}
}  .perac-calculator-widget svg {
display: inline-block;
vertical-align: middle;
} .perac-calculator-widget button svg {
width: 1em;
height: 1em;
fill: currentColor;
} .perac-calculator-widget .elementor-icon {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.perac-calculator-widget .elementor-icon svg {
width: 1em;
height: 1em;
fill: currentColor;
} .perac-calculator-widget svg[stroke] path {
stroke: currentColor;
fill: none;
} .perac-calculator-widget svg * {
transition: inherit;
}.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}