.elementor-136 .elementor-element.elementor-element-ceab66b{--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;}.elementor-136 .elementor-element.elementor-element-a8e2e86{--display:flex;}.elementor-136 .elementor-element.elementor-element-6db0cb8{--spacer-size:50px;}.elementor-136 .elementor-element.elementor-element-3944311{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-136 .elementor-element.elementor-element-169caac{text-align:center;}.elementor-136 .elementor-element.elementor-element-169caac .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-secondary );}.elementor-136 .elementor-element.elementor-element-1695122{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-secondary );}.elementor-136 .elementor-element.elementor-element-c7f4f0d{--spacer-size:50px;}.elementor-136 .elementor-element.elementor-element-rcmig2a{--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;}@media(max-width:992px){.elementor-136 .elementor-element.elementor-element-6db0cb8{--spacer-size:25px;}.elementor-136 .elementor-element.elementor-element-c7f4f0d{--spacer-size:25px;}}/* Start custom CSS */.elementor-136{--e-global-color-primary:#45C1C6!important;--e-global-color-secondary:#09344C!important;--e-global-color-text:#025A7C!important;--e-global-color-accent:#475569!important;}
.calculator-body {
	background-color: var(--e-global-color-11a85f3);
	color: #475569;
}

.calculator-body h1,
.calculator-body h2,
.calculator-body h3,
.calculator-body h4 {
	color: #09344C;
	font-weight: 700;
}

.input-label {
	display: flex;
	align-items: center;
	margin-bottom: 0.25rem;
	font-weight: 600;
	color: #025A7C;
	font-size: 0.875rem;
}

.input-field {
	width: 100%;
	padding: 0.6rem 0.8rem;
	border: 1px solid var(--e-global-color-82daa46);
	border-radius: 0.5rem;
	transition: border-color 0.2s, box-shadow 0.2s;
	font-size: 0.875rem;
}

.input-field:focus {
	outline: none;
	border-color: #45C1C6;
	box-shadow: 0 0 0 2px rgba(69, 193, 198, 0.4);
}

.tooltip-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 6px;
	color: #94a3b8;
	cursor: help;
}

[data-tooltip] {
	position: relative;
}

[data-tooltip]::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 110%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #09344C;
	color: #fff;
	padding: 6px 10px;
	border-radius: 6px;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: normal;
	width: 240px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, visibility 0.2s;
	z-index: 10;
}

[data-tooltip]:hover::after {
	opacity: 1;
	visibility: visible;
}

input[type="range"] {
	-webkit-appearance: none;
	width: 100%;
	height: 6px;
	background: #e2e8f0;
	border-radius: 5px;
	outline: none;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 18px;
	height: 18px;
	background: #45C1C6;
	cursor: pointer;
	border-radius: 50%;
}

.section-card {
	background-color: white;
	padding: 1.5rem;
	border-radius: 0.75rem;
	border: 1px solid #e2e8f0;
}

/*ANIMAÇÕES DA PÁGINA*/

.animated-background {
    overflow: hidden;
    background: linear-gradient(160deg, rgba(2, 90, 114, 0.96), rgba(2, 90, 114, 0.88) 55%, rgba(9, 52, 76, 0.92));
    color: #ecf7f8;
}

.animated-background::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(28rem 28rem at 10% 50%, rgba(69, 193, 198, 0.4), transparent 60%);
    filter: blur(18px);
    opacity: 0.9;
    z-index: -1;
    animation: pulse 8s ease-in-out infinite;
}

.particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.particle {
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    opacity: 0;
    animation: float 15s linear infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 0.9; }
}

@keyframes float {
    0% {
      transform: translateY(100vh) rotate(0deg);
      opacity: 0;
    }
    10% {
      opacity: 0.5;
    }
    90% {
      opacity: 0.3;
    }
    100% {
      transform: translateY(-100px) rotate(360deg);
      opacity: 0;
    }
}/* End custom CSS */