/* Calculador de Ahorro — estilos del template page-calculador-ahorro.php
   Todas las clases van prefijadas con .hlp-calc- para evitar conflictos
   con el resto del tema (ej. .hlp-hero ya existe en el tema). */

.hlp-calc-page { --c-blue-dark:#023C7F; --c-blue:#449FDC; --c-blue-ink:#011F4A; --c-blue-pale:#E8F2FF; --c-blue-soft:#F0F6FF; --c-blue-bg:#F7FAFF; --c-text:#0F172A; --c-text-mut:#5F6B7C; --c-border:#E2E8F0; --c-danger:#B91C1C; --c-success:#15803D; }
.hlp-calc-page *,.hlp-calc-page *::before,.hlp-calc-page *::after { box-sizing: border-box }
.hlp-calc-page { color: var(--c-text); line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility }
.hlp-calc-page p { margin: 0 }
/* Screen-reader-only para headings invisibles que suman semántica */
.hlp-calc-sr {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0);
	white-space: nowrap; border: 0;
}

/* ═══ HERO ═══ */
.hlp-calc-hero {
	position: relative;
	padding: 4rem 1.25rem 8rem;
	background:
		radial-gradient(ellipse at top right, #1a5ca8 0%, transparent 60%),
		radial-gradient(ellipse at bottom left, #023C7F 0%, transparent 55%),
		linear-gradient(160deg, #023C7F 0%, #011f4a 100%);
	color: #fff;
	overflow: hidden;
	isolation: isolate;
}
.hlp-calc-hero__canvas {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	display: block;
	z-index: 0; pointer-events: none;
	opacity: .55;
}
.hlp-calc-hero__inner {
	position: relative; z-index: 2;
	max-width: 900px; margin: 0 auto;
	text-align: center;
}
.hlp-calc-breadcrumb {
	font-size: .82rem;
	color: rgba(255,255,255,.7);
	margin-bottom: 1.8rem;
}
.hlp-calc-breadcrumb a { color: rgba(255,255,255,.85); text-decoration: none }
.hlp-calc-breadcrumb a:hover { color: #fff; text-decoration: underline }
.hlp-calc-breadcrumb span.sep { margin: 0 .4rem; opacity: .5 }
.hlp-calc-eyebrow {
	display: inline-flex; align-items: center; gap: .45rem;
	padding: .45rem 1.1rem;
	background: rgba(68,159,220,.18);
	border: 1px solid rgba(68,159,220,.35);
	border-radius: 50px;
	font-size: .72rem; font-weight: 800;
	letter-spacing: 2.5px; text-transform: uppercase;
	color: #B9D7F0;
	margin-bottom: 1.4rem;
}
.hlp-calc-eyebrow::before {
	content: ''; width: 6px; height: 6px; border-radius: 50%;
	background: #60C4FF; box-shadow: 0 0 10px #60C4FF;
	animation: hlpCalcPulse 1.6s ease-in-out infinite;
}
@keyframes hlpCalcPulse {
	0%, 100% { opacity: 1; transform: scale(1) }
	50% { opacity: .5; transform: scale(.7) }
}
.hlp-calc-h1 {
	font-size: clamp(2.1rem, 5.5vw, 3.6rem);
	font-weight: 900; line-height: 1.05;
	letter-spacing: -.03em;
	margin: 0 0 1.3rem;
	max-width: 18ch;
	margin-left: auto; margin-right: auto;
	color: #fff;
}
.hlp-calc-h1 em {
	font-style: normal;
	background: linear-gradient(135deg, #60C4FF 0%, #B9D7F0 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 900;
}
.hlp-calc-hero__sub {
	font-size: clamp(1.02rem, 2vw, 1.18rem);
	color: rgba(255,255,255,.85);
	max-width: 580px;
	margin: 0 auto 2.2rem;
}
.hlp-calc-hero__arrow {
	display: inline-block;
	animation: hlpCalcBounce 1.8s ease-in-out infinite;
	color: rgba(255,255,255,.5);
	margin-top: 1rem;
}
@keyframes hlpCalcBounce {
	0%, 100% { transform: translateY(0) }
	50% { transform: translateY(10px) }
}

/* ═══ CALCULADOR (superpuesto al hero) ═══ */
.hlp-calc-wrap {
	margin-top: -5.5rem;
	position: relative; z-index: 5;
	padding: 0 1.25rem 5rem;
}
.hlp-calc-card {
	max-width: 1080px; margin: 0 auto;
	background: #fff;
	border-radius: 24px;
	box-shadow:
		0 1px 3px rgba(2,60,127,.05),
		0 24px 64px -12px rgba(2,60,127,.28);
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr 1.3fr;
}
@media (max-width: 900px) { .hlp-calc-card { grid-template-columns: 1fr } }

.hlp-calc-inputs {
	padding: 2.5rem 2.2rem;
	background: var(--c-blue-bg);
	position: relative;
}
.hlp-calc-inputs::before {
	content: ''; position: absolute;
	top: -30px; left: -30px;
	width: 120px; height: 120px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(68,159,220,.14), transparent 70%);
	pointer-events: none;
}
.hlp-calc-label {
	font-size: .7rem; font-weight: 800;
	letter-spacing: 2px; text-transform: uppercase;
	color: var(--c-blue); margin-bottom: .55rem;
	display: flex; align-items: center; gap: .4rem;
}
.hlp-calc-label svg { width: 13px; height: 13px }
.hlp-calc-heading {
	font-size: 1.35rem; font-weight: 800;
	color: var(--c-blue-dark); letter-spacing: -.02em;
	margin: 0 0 1.8rem;
}
.hlp-calc-field { margin-bottom: 1.8rem }
.hlp-calc-field:last-of-type { margin-bottom: 0 }
.hlp-calc-field__top {
	display: flex; justify-content: space-between;
	align-items: flex-start; gap: 1rem;
	margin-bottom: .85rem;
}
.hlp-calc-field__label {
	font-size: 1rem; font-weight: 700; color: var(--c-text);
	margin: 0 0 .2rem;
}
.hlp-calc-field__hint {
	font-size: .78rem; color: var(--c-text-mut);
}
.hlp-calc-field__value {
	display: inline-flex; align-items: baseline; gap: .2rem;
	padding: .5rem 1.1rem;
	background: linear-gradient(135deg, var(--c-blue-dark), var(--c-blue));
	color: #fff; border-radius: 50px;
	font-weight: 800; font-size: 1.1rem;
	min-width: 76px; justify-content: center;
	box-shadow: 0 4px 14px rgba(2,60,127,.28);
	transition: transform .25s cubic-bezier(.4,0,.2,1);
}
.hlp-calc-field__value.is-flash { transform: scale(1.08) }
.hlp-calc-field__unit { font-size: .72rem; font-weight: 600; opacity: .8 }

.hlp-calc-page input[type="range"] {
	width: 100%; height: 8px;
	background: #dce5f0; border-radius: 50px;
	appearance: none; -webkit-appearance: none;
	outline: none; cursor: pointer;
}
.hlp-calc-page input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none; appearance: none;
	width: 30px; height: 30px; border-radius: 50%;
	background: #fff; border: 5px solid var(--c-blue);
	cursor: grab; transition: transform .15s;
	box-shadow: 0 4px 12px rgba(2,60,127,.30);
}
.hlp-calc-page input[type="range"]::-webkit-slider-thumb:active {
	cursor: grabbing; transform: scale(1.18);
	border-color: var(--c-blue-dark);
}
.hlp-calc-page input[type="range"]::-moz-range-thumb {
	width: 30px; height: 30px; border-radius: 50%;
	background: #fff; border: 5px solid var(--c-blue);
	cursor: grab;
	box-shadow: 0 4px 12px rgba(2,60,127,.30);
}
.hlp-calc-scale {
	display: flex; justify-content: space-between;
	font-size: .7rem; color: var(--c-text-mut);
	margin-top: .55rem; font-weight: 600;
}

.hlp-calc-results {
	padding: 2.5rem 2.2rem;
	background: linear-gradient(165deg, #023C7F 0%, #0a4a8f 55%, #011f4a 100%);
	color: #fff;
	position: relative; overflow: hidden;
	perspective: 1200px;
}
.hlp-calc-results::before, .hlp-calc-results::after {
	content: ''; position: absolute; border-radius: 50%;
	pointer-events: none;
}
.hlp-calc-results::before {
	top: -80px; right: -60px; width: 250px; height: 250px;
	background: radial-gradient(circle, rgba(68,159,220,.25) 0%, transparent 70%);
	animation: hlpCalcFloat 8s ease-in-out infinite;
}
.hlp-calc-results::after {
	bottom: -70px; left: -40px; width: 180px; height: 180px;
	background: radial-gradient(circle, rgba(68,159,220,.13) 0%, transparent 70%);
	animation: hlpCalcFloat 10s ease-in-out infinite reverse;
}
@keyframes hlpCalcFloat {
	0%, 100% { transform: translate(0, 0) }
	50% { transform: translate(20px, -15px) }
}
.hlp-calc-results > * { position: relative; z-index: 1 }
.hlp-calc-results .hlp-calc-label { color: rgba(255,255,255,.7) }
.hlp-calc-results .hlp-calc-heading { color: #fff }

.hlp-calc-consumption {
	padding: 1rem 1.1rem;
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 12px;
	display: flex; justify-content: space-between;
	align-items: baseline;
	margin-bottom: 1.4rem;
}
.hlp-calc-consumption__label { font-size: .84rem; color: rgba(255,255,255,.85); font-weight: 500 }
.hlp-calc-consumption__value { font-size: 1.15rem; font-weight: 800 }
.hlp-calc-consumption__value small { font-weight: 500; opacity: .7; font-size: .78rem }

.hlp-calc-compare {
	display: grid; grid-template-columns: 1fr 1fr; gap: .8rem;
	margin-bottom: 1.7rem;
}
.hlp-calc-compare__item {
	padding: 1.15rem; border-radius: 14px;
	background: rgba(255,255,255,.07);
	border: 1px solid rgba(255,255,255,.12);
}
.hlp-calc-compare__head {
	display: flex; align-items: center; gap: .5rem;
	font-size: .72rem; font-weight: 700;
	letter-spacing: 1px; text-transform: uppercase;
	margin-bottom: .65rem;
	color: rgba(255,255,255,.78);
}
.hlp-calc-compare__head svg { width: 16px; height: 16px; flex-shrink: 0 }
.hlp-calc-compare__amount {
	font-size: clamp(1.15rem, 2.8vw, 1.5rem);
	font-weight: 800; letter-spacing: -.02em;
	line-height: 1.1;
}
.hlp-calc-compare__amount--strike { text-decoration: line-through; text-decoration-color: rgba(239,68,68,.85); text-decoration-thickness: 2.5px }
.hlp-calc-compare__rate { font-size: .7rem; color: rgba(255,255,255,.55); margin-top: .35rem; font-weight: 500 }

.hlp-calc-savings {
	text-align: center;
	padding: 2rem 1rem 1rem;
	border-top: 1px dashed rgba(255,255,255,.25);
	transform-style: preserve-3d;
	transition: transform .25s cubic-bezier(.4,0,.2,1);
	will-change: transform;
	cursor: default;
}
.hlp-calc-savings__label {
	font-size: .72rem; font-weight: 800;
	letter-spacing: 3px; text-transform: uppercase;
	color: #60C4FF; margin-bottom: .65rem;
	transform: translateZ(12px);
}
.hlp-calc-savings__amount {
	font-size: clamp(2.6rem, 8.5vw, 4rem);
	font-weight: 900; letter-spacing: -.035em;
	line-height: 1; margin-bottom: .5rem;
	background: linear-gradient(135deg, #fff 0%, #B9D7F0 55%, #60C4FF 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	transform: translateZ(30px);
	filter: drop-shadow(0 6px 24px rgba(96,196,255,.35));
}
.hlp-calc-savings__period { font-size: .95rem; color: rgba(255,255,255,.85); font-weight: 500; transform: translateZ(8px) }
@keyframes hlpCalcShake {
	0%, 100% { transform: translate3d(0,0,0) }
	25% { transform: translate3d(-2px,0,0) rotate(-.4deg) }
	75% { transform: translate3d(2px,0,0) rotate(.4deg) }
}
.hlp-calc-savings.is-huge .hlp-calc-savings__amount { animation: hlpCalcShake .45s ease-in-out }

/* ═══ SECCIONES DEL TEMPLATE ═══ */
.hlp-calc-sec {
	padding: clamp(3.5rem, 7vw, 6rem) 0;
	position: relative;
}
.hlp-calc-sec--alt { background: var(--c-blue-soft) }
.hlp-calc-sec__container { max-width: 1200px; margin: 0 auto; padding: 0 1.25rem }
.hlp-calc-sec__head { text-align: center; max-width: 720px; margin: 0 auto 3.5rem }
.hlp-calc-sec__eyebrow {
	display: inline-block;
	font-size: .72rem; font-weight: 800;
	letter-spacing: 3px; text-transform: uppercase;
	color: var(--c-blue); margin-bottom: 1rem;
	padding: .4rem 1rem;
	background: rgba(68,159,220,.1);
	border-radius: 50px;
}
.hlp-calc-h2 {
	font-size: clamp(1.7rem, 4vw, 2.6rem);
	font-weight: 800;
	color: var(--c-blue-dark);
	line-height: 1.12; letter-spacing: -.02em;
	margin: 0 0 .9rem;
}
.hlp-calc-h2 em {
	font-style: normal;
	background: linear-gradient(135deg, var(--c-blue) 0%, var(--c-blue-dark) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hlp-calc-sec__sub { font-size: clamp(.98rem, 1.6vw, 1.1rem); color: var(--c-text-mut); margin: 0 }

/* Reveal on scroll */
.hlp-calc-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .7s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.4,0,.2,1);
}
.hlp-calc-reveal.is-in { opacity: 1; transform: translateY(0) }

/* 3 pasos */
.hlp-calc-steps {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
}
@media (max-width: 820px) { .hlp-calc-steps { grid-template-columns: 1fr } }
.hlp-calc-step {
	position: relative;
	padding: 2rem 1.8rem;
	background: #fff;
	border: 1px solid var(--c-border);
	border-radius: 16px;
	transition: transform .3s, box-shadow .3s, border-color .3s;
}
.hlp-calc-step:hover {
	transform: translateY(-4px);
	border-color: var(--c-blue);
	box-shadow: 0 14px 34px rgba(2,60,127,.12);
}
.hlp-calc-step__num {
	font-size: 3rem; font-weight: 900;
	line-height: 1;
	background: linear-gradient(135deg, var(--c-blue-dark), var(--c-blue));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: .8rem;
}
.hlp-calc-step__title { font-size: 1.15rem; font-weight: 800; color: var(--c-blue-dark); margin-bottom: .5rem }
.hlp-calc-step__desc { font-size: .92rem; color: var(--c-text-mut); line-height: 1.6; margin: 0 }

/* Comparativa tarjetas */
.hlp-calc-vs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; max-width: 980px; margin: 0 auto }
@media (max-width: 760px) { .hlp-calc-vs-grid { grid-template-columns: 1fr } }
.hlp-calc-vs { padding: 2rem 1.8rem; border-radius: 18px; position: relative; overflow: hidden }
.hlp-calc-vs--bottled { background: #FEF2F2; border: 2px solid rgba(185,28,28,.15) }
.hlp-calc-vs--hidrolit {
	background: linear-gradient(165deg, #023C7F 0%, #0a4a8f 100%);
	color: #fff;
	border: 2px solid transparent;
	box-shadow: 0 18px 40px -10px rgba(2,60,127,.35);
}
.hlp-calc-vs__tag {
	display: inline-block;
	padding: .35rem .9rem;
	font-size: .68rem; font-weight: 800;
	letter-spacing: 2px; text-transform: uppercase;
	border-radius: 50px;
	margin-bottom: 1rem;
}
.hlp-calc-vs--bottled .hlp-calc-vs__tag { background: rgba(185,28,28,.1); color: var(--c-danger) }
.hlp-calc-vs--hidrolit .hlp-calc-vs__tag { background: rgba(96,196,255,.2); color: #B9D7F0 }
.hlp-calc-vs__title { font-size: 1.55rem; font-weight: 800; margin: 0 0 1.2rem; letter-spacing: -.02em }
.hlp-calc-vs__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .75rem }
.hlp-calc-vs__item { display: flex; align-items: flex-start; gap: .7rem; font-size: .95rem; line-height: 1.45 }
.hlp-calc-vs__item svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px }
.hlp-calc-vs--bottled .hlp-calc-vs__item svg { color: var(--c-danger) }
.hlp-calc-vs--hidrolit .hlp-calc-vs__item svg { color: #60C4FF }

/* Bottles viz */
.hlp-calc-bottles {
	max-width: 820px; margin: 0 auto;
	background: #fff;
	border-radius: 20px;
	padding: 2rem;
	border: 1px solid var(--c-border);
	box-shadow: 0 10px 30px rgba(2,60,127,.08);
}
.hlp-calc-bottles__head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 1.4rem; flex-wrap: wrap; gap: .5rem }
.hlp-calc-bottles__title { font-size: 1.1rem; font-weight: 800; color: var(--c-blue-dark); letter-spacing: -.01em }
.hlp-calc-bottles__count { font-size: 1.5rem; font-weight: 900; color: var(--c-blue) }
.hlp-calc-bottles__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(14px, 1fr));
	gap: 3px;
	max-height: 240px;
	overflow: hidden;
	border-radius: 8px;
}
.hlp-calc-bottle {
	width: 14px; height: 20px;
	background: linear-gradient(180deg, #60C4FF, var(--c-blue));
	border-radius: 3px 3px 6px 6px;
	opacity: 0;
	animation: hlpCalcBottleIn .4s cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes hlpCalcBottleIn {
	from { opacity: 0; transform: translateY(-6px) scale(.8) }
	to { opacity: 1; transform: translateY(0) scale(1) }
}
.hlp-calc-bottles__foot {
	margin-top: 1.4rem;
	padding-top: 1.2rem;
	border-top: 1px dashed var(--c-border);
	font-size: .88rem; color: var(--c-text-mut);
	text-align: center;
}

/* FAQ */
.hlp-calc-faq { max-width: 780px; margin: 0 auto; display: flex; flex-direction: column; gap: .75rem }
.hlp-calc-faq__item {
	background: #fff;
	border: 1px solid var(--c-border);
	border-radius: 12px;
	overflow: hidden;
	transition: border-color .25s, box-shadow .25s;
}
.hlp-calc-faq__item[open] { border-color: var(--c-blue); box-shadow: 0 6px 20px rgba(68,159,220,.15) }
.hlp-calc-faq__item summary {
	padding: 1.15rem 1.4rem;
	font-size: 1rem; font-weight: 700;
	color: var(--c-blue-dark);
	cursor: pointer;
	list-style: none;
	display: flex; justify-content: space-between; align-items: center;
	gap: 1rem;
	transition: background .2s;
}
.hlp-calc-faq__item summary::-webkit-details-marker { display: none }
.hlp-calc-faq__item summary:hover { background: var(--c-blue-soft) }
.hlp-calc-faq__icon {
	flex-shrink: 0;
	width: 24px; height: 24px;
	border-radius: 50%;
	background: var(--c-blue-pale);
	color: var(--c-blue-dark);
	display: flex; align-items: center; justify-content: center;
	transition: transform .3s cubic-bezier(.4,0,.2,1), background .2s;
}
.hlp-calc-faq__item[open] .hlp-calc-faq__icon { background: var(--c-blue-dark); color: #fff; transform: rotate(180deg) }
.hlp-calc-faq__icon svg { width: 12px; height: 12px }
.hlp-calc-faq__body { padding: 0 1.4rem 1.3rem; font-size: .94rem; color: var(--c-text-mut); line-height: 1.7 }

/* CTA final */
.hlp-calc-ctafinal {
	background:
		radial-gradient(ellipse at top right, #1a5ca8 0%, transparent 60%),
		linear-gradient(145deg, #023C7F 0%, #011f4a 100%);
	color: #fff;
	padding: clamp(3.5rem, 7vw, 6rem) 1.25rem;
	position: relative; overflow: hidden;
	text-align: center;
}
.hlp-calc-ctafinal::before {
	content: ''; position: absolute;
	top: -60px; left: 50%; transform: translateX(-50%);
	width: 400px; height: 400px; border-radius: 50%;
	background: radial-gradient(circle, rgba(96,196,255,.15), transparent 70%);
	pointer-events: none;
}
.hlp-calc-ctafinal__inner { position: relative; max-width: 720px; margin: 0 auto }
.hlp-calc-ctafinal h2 {
	font-size: clamp(1.9rem, 4.5vw, 3rem);
	font-weight: 900;
	letter-spacing: -.02em;
	line-height: 1.1;
	margin: 0 0 1.2rem;
	color: #fff;
}
.hlp-calc-ctafinal h2 em { font-style: normal; color: #60C4FF }
.hlp-calc-ctafinal p { font-size: 1.08rem; color: rgba(255,255,255,.85); margin: 0 0 2rem }
.hlp-calc-ctafinal__btn {
	display: inline-flex; align-items: center; gap: .6rem;
	padding: 1.2rem 2.6rem;
	background: linear-gradient(135deg, #60C4FF, var(--c-blue));
	color: var(--c-blue-ink);
	text-decoration: none;
	border-radius: 50px;
	font-weight: 800; font-size: 1.05rem;
	letter-spacing: -.01em;
	box-shadow: 0 16px 36px rgba(96,196,255,.4);
	transition: transform .2s, box-shadow .2s;
}
.hlp-calc-ctafinal__btn:hover { transform: translateY(-3px); box-shadow: 0 22px 44px rgba(96,196,255,.55) }
.hlp-calc-ctafinal__btn svg { width: 20px; height: 20px }
.hlp-calc-ctafinal__note { margin-top: 1rem; font-size: .85rem; color: rgba(255,255,255,.7) }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	.hlp-calc-page *, .hlp-calc-page *::before, .hlp-calc-page *::after {
		animation-duration: .01ms !important;
		transition-duration: .01ms !important;
	}
	.hlp-calc-reveal { opacity: 1; transform: none }
	.hlp-calc-hero__canvas { display: none }
}

@media (max-width: 560px) {
	.hlp-calc-hero { padding: 3rem 1rem 7rem }
	.hlp-calc-wrap { padding: 0 1rem 4rem; margin-top: -5rem }
	.hlp-calc-inputs, .hlp-calc-results { padding: 1.8rem 1.4rem }
	.hlp-calc-compare { grid-template-columns: 1fr; gap: .6rem }
	.hlp-calc-vs { padding: 1.5rem 1.3rem }
}

/* ═══════════════════════════════════════════════════════
   BOTONES ADICIONALES DE CTA
   ═══════════════════════════════════════════════════════ */

/* CTA inline compacta dentro del panel de resultados oscuro */
.hlp-calc-cta-inline {
	display: inline-flex; align-items: center; gap: .45rem;
	margin-top: 1.3rem;
	padding: .75rem 1.4rem;
	background: linear-gradient(135deg, #60C4FF 0%, var(--c-blue) 100%);
	color: var(--c-blue-ink);
	text-decoration: none;
	border-radius: 50px;
	font-weight: 800;
	font-size: .92rem;
	letter-spacing: -.01em;
	box-shadow: 0 8px 20px rgba(96,196,255,.35);
	transition: transform .2s, box-shadow .2s;
	transform: translateZ(20px);
}
.hlp-calc-cta-inline:hover {
	transform: translateZ(20px) translateY(-2px);
	box-shadow: 0 12px 28px rgba(96,196,255,.5);
}
.hlp-calc-cta-inline svg {
	width: 14px; height: 14px;
	transition: transform .2s;
}
.hlp-calc-cta-inline:hover svg { transform: translateX(3px) }

/* CTA block centrado entre secciones */
.hlp-calc-mid-cta {
	margin-top: 3.5rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .8rem;
}
.hlp-calc-mid-cta__hint {
	font-size: .85rem;
	color: var(--c-text-mut);
	font-weight: 500;
}

/* Botón reutilizable */
.hlp-calc-btn {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	padding: 1rem 2.2rem;
	border-radius: 50px;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: -.01em;
	text-decoration: none;
	transition: transform .2s, box-shadow .2s, background .2s, color .2s, border-color .2s;
}
.hlp-calc-btn svg {
	width: 17px; height: 17px;
	transition: transform .2s;
}
.hlp-calc-btn:hover svg { transform: translateX(3px) }

/* Variante primaria (sólida azul) */
.hlp-calc-btn--primary {
	background: linear-gradient(135deg, var(--c-blue-dark) 0%, var(--c-blue) 100%);
	color: #fff;
	box-shadow: 0 10px 24px rgba(2,60,127,.25);
}
.hlp-calc-btn--primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 32px rgba(2,60,127,.35);
}

/* Variante ghost (borde, para fondos claros) */
.hlp-calc-btn--ghost {
	background: transparent;
	color: var(--c-blue-dark);
	border: 2px solid var(--c-blue-dark);
}
.hlp-calc-btn--ghost:hover {
	background: var(--c-blue-dark);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(2,60,127,.2);
}

@media (max-width: 560px) {
	.hlp-calc-btn { padding: .9rem 1.6rem; font-size: .92rem }
	.hlp-calc-cta-inline { font-size: .88rem; padding: .7rem 1.2rem }
}