* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: "PP Neue Montreal Book";
	src: url("../fonts/PPNeueMontreal-Book.woff2") format("woff2"), url("../fonts/PPNeueMontreal-Book.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "PP Neue Montreal";
	src: url("../fonts/PPNeueMontreal-Bold.woff2") format("woff2"), url("../fonts/PPNeueMontreal-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "PP Neue Montreal";
	src: url("../fonts/PPNeueMontreal-Medium.woff2") format("woff2"), url("../fonts/PPNeueMontreal-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "PP Neue Montreal";
	src: url("../fonts/PPNeueMontreal-Thin.woff2") format("woff2"), url("../fonts/PPNeueMontreal-Thin.woff") format("woff");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
select,
button,
input,
textarea {
	outline: none;
}

.trans, footer ul li img, .gracias a, .producto .icono img, .cotiza a, .home .formulario input[type=submit], .home ul li {
	transition: all 0.3s ease;
}

body {
	padding: 0;
	margin: 0;
	font-family: "PP Neue Montreal";
	overflow-x: hidden;
}

.clear {
	clear: both;
}

h1,
h2,
h3,
h4,
p,
ul,
li {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

a,
a:hover {
	text-decoration: none;
	outline: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.whatsapp {
	position: fixed;
	right: 4px;
	bottom: 84px;
	display: block;
	z-index: 99999999;
}

header {
	background-color: #17479d;
	padding: 12px;
}

.telefono {
	padding: 22px 20px 12px 20px;
	text-align: right;
	color: #fff;
	font-size: 22px;
	line-height: 28px;
}
.telefono a {
	color: #fff;
}

.home {
	padding: 33px 33px 43px 33px;
	background-image: url(../img/assets_header1.jpg);
	background-size: cover;
}
.home h1 {
	font-size: 84px;
	color: #fff;
	padding-top: 98px;
	font-weight: bold;
	line-height: 74px;
}
.home h1 span {
	display: block;
}
.home h2 {
	color: #fff;
	font-size: 28px;
	padding-top: 20px;
	font-weight: bold;
	padding-bottom: 33px;
}
.home h3 {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
}
.home ul {
	padding: 0;
}
.home ul li {
	color: #293662;
	background-color: #ecf2fd;
	padding: 20px 12px 16px 33px;
	line-height: 16px;
	font-weight: bold;
	width: 50%;
	cursor: pointer;
}
.home ul li span {
	display: block;
}
.home ul li:hover,
.home ul .active {
	background-color: #fff;
}
.home ul li:first-child {
	border-radius: 33px 0 0 0;
}
.home ul li:last-child {
	border-radius: 0 33px 0 0;
}
.home .formulario {
	border-radius: 33px;
	padding: 33px;
	background-color: #fff;
}
.home .formulario input[type=text],
.home .formulario input[type=email],
.home .formulario select {
	border: none;
	width: 100%;
	background-color: #ecf2fd;
	border-radius: 12px;
	padding: 12px;
	margin-bottom: 12px;
	color: #8c8c8c;
}
.home .formulario input[type=text]::-moz-placeholder, .home .formulario input[type=email]::-moz-placeholder {
	color: #8c8c8c;
	opacity: 1;
}
.home .formulario input[type=text]::placeholder,
.home .formulario input[type=email]::placeholder,
.home .formulario select {
	color: #8c8c8c;
	opacity: 1;
}
.home .formulario h4 {
	font-size: 41px;
	font-weight: bold;
	line-height: 41px;
}
.home .formulario h4 span {
	display: block;
}
.home .formulario .acepto {
	font-size: 12px;
}
.home .formulario input[type=submit] {
	border-radius: 33px;
	background-color: #17479d;
	padding: 12px 20px 12px 20px;
	text-align: center;
	width: 100%;
	color: #fff;
	border: none;
	font-size: 33px;
}
.home .formulario input[type=submit]:hover {
	background-color: #1494ff;
}
.home .cotizaahora {
	background-color: #17479d;
	font-size: 28px;
	font-weight: bold;
	border-radius: 0 33px 33px 33px;
	padding: 12px 20px 12px 20px;
	width: 251px;
	color: #fff;
	text-align: center;
	margin-top: 33px;
	margin-left: -12px;
}
.home .instalacion {
	font-size: 18px;
	font-weight: bold;
	border-radius: 0 33px 33px 33px;
	width: 233px;
	color: #fff;
	line-height: 18px;
	margin-top: 33px;
}
.home .instalacion span {
	display: block;
}

.somos {
	padding: 84px 0 84px 0;
}
.somos h3 {
	color: #101733;
	font-size: 33px;
	font-weight: bold;
}
.somos h2 {
	color: #101733;
	font-size: 68px;
}
.somos .nro {
	padding: 12px 33px 12px 20px;
	color: #fff;
	border-radius: 33px;
	background-color: #17479d;
	width: 120px;
	margin-top: 12px;
	font-size: 20px;
	font-weight: bold;
}
.somos .item {
	border-bottom: solid 1px #8c8c8c;
	padding-bottom: 33px;
	margin-bottom: 33px;
}
.somos p {
	padding-top: 20px;
	font-size: 20px;
	color: #8c8c8c;
}

.fotos {
	padding-top: 84px;
	padding-bottom: 33px;
}
.fotos h2 {
	color: #293662;
	font-size: 33px;
	margin-bottom: 20px;
	font-weight: bold;
	position: relative;
}
.fotos h2 span {
	font-size: 52px;
	font-weight: normal;
	position: absolute;
	right: 33px;
	top: -12px;
}
.fotos p {
	color: #8c8c8c;
	font-size: 20px;
	padding-right: 33px;
}

.cotiza {
	padding: 52px;
	color: #fff;
	text-align: center;
	background-color: #17479d;
	margin-top: 52px;
}
.cotiza h2 {
	font-size: 33px;
}
.cotiza a {
	color: #fff;
	font-size: 43px;
	border-radius: 52px;
	background-color: #101733;
	border-radius: 52px;
	display: block;
	padding: 12px 28px 12px 28px;
	width: 333px;
	text-align: center;
	margin: 12px auto auto auto;
	font-weight: bold;
}
.cotiza a:hover {
	background-color: #101733;
	color: #17479d;
}

.producto {
	background-image: url(../img/assets_fdo_azul.jpg);
	background-position: top center;
	padding: 33px;
}
.producto .foto {
	position: relative;
}
.producto .fotoprod {
	display: block;
	margin: auto;
	width: 1100px;
	height: 800px;
}
.producto h4 {
	color: #fff;
	font-size: 52px;
	text-align: center;
	padding-top: 33px;
	line-height: 52px;
}
.producto h4 span {
	display: block;
}
.producto .icono1 {
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 98px;
	left: 120px;
}
.producto .icono1 span {
	display: block;
}
.producto .icono1 img {
	display: block;
	margin: auto;
}
.producto .icono2 {
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 98px;
	right: 100px;
}
.producto .icono2 span {
	display: block;
}
.producto .icono2 img {
	display: block;
	margin: auto;
}
.producto .icono3 {
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	bottom: 68px;
	left: 120px;
}
.producto .icono3 span {
	display: block;
}
.producto .icono3 img {
	display: block;
	margin: auto;
}
.producto .icono4 {
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	bottom: 68px;
	right: 120px;
}
.producto .icono4 span {
	display: block;
}
.producto .icono4 img {
	display: block;
	margin: auto;
}
.producto .icono:hover img {
	transform: scale(1.2);
}
.producto .prod {
	width: 1100px;
	margin: auto;
	position: relative;
}

.gracias {
	padding: 68px 33px 68px 33px;
	background-image: url(../img/header_gracias-01.jpg);
	background-size: cover;
}
.gracias h1 {
	font-size: 74px;
	color: #fff;
	padding-top: 98px;
	font-weight: bold;
	line-height: 68px;
}
.gracias h1 span {
	display: block;
}
.gracias h2 {
	color: #fff;
	font-size: 22px;
	padding-top: 20px;
	padding-bottom: 33px;
}
.gracias h3 {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
}
.gracias a {
	background-color: #00adee;
	color: #fff;
	border-radius: 33px;
	padding: 12px 33px 12px 33px;
}
.gracias a:hover {
	background-color: #101733;
}

footer {
	padding: 33px;
	background-color: #101733;
}
footer h2 {
	color: #fff;
	font-size: 33px;
}
footer .tel {
	color: #fff;
	font-size: 33px;
}
footer .col2 {
	text-align: right;
}
footer ul {
	padding-top: 12px;
}
footer ul li img {
	width: 51px;
}
footer ul li img:hover {
	opacity: 0.8;
}
footer .copy {
	color: #fff;
	font-size: 14px;
}

.copy {
	color: #fff;
	padding-top: 33px;
}

.animate__delay-02 {
	animation-delay: 0.2s !important;
}

.animate__delay-03 {
	animation-delay: 0.3s !important;
}

.animate__delay-04 {
	animation-delay: 0.4s !important;
}

.animate__delay-05 {
	animation-delay: 0.5s !important;
}

@media (max-width: 650px) {
	.telefono {
		font-size: 12px;
		line-height: 15px;
	}
	header img {
		width: 84px;
	}
	header {
		padding: 12px 12px 12px 12px;
	}
	.home h1 {
		font-size: 36px;
		line-height: 36px;
		padding-top: 33px;
	}
	.home h2 {
		font-size: 21px;
	}
	.home {
		height: auto;
		padding: 12px;
		background-size: 482px;
		background-repeat: no-repeat;
		background-position: top center;
		background-image: url(../img/assets_header_mobile-03.jpg);
	}
	.home ul {
		margin-top: 41px;
	}
	.home ul li {
		font-size: 14px;
		padding-left: 22px;
	}
	.home h3 {
		font-size: 15px;
	}
	.home .formulario h4 {
		font-size: 29px;
	}
	.home .formulario p {
		font-size: 14px;
	}
	.home .formulario input[type=submit] {
		font-size: 20px;
	}
	.somos {
		padding: 33px;
	}
	.somos h3 {
		font-size: 26px;
	}
	.somos h2 {
		font-size: 52px;
		line-height: 52px;
		margin-top: 12px;
	}
	.cotiza {
		padding: 20px;
	}
	.cotiza a {
		width: 100%;
		font-size: 22px;
	}
	.cotiza h2 {
		font-size: 22px;
	}
	.fotos {
		padding-top: 12px;
		padding-bottom: 0;
	}
	.fotos p {
		font-size: 16px;
		padding-bottom: 12px;
	}
	.fotos h2 {
		font-size: 28px;
		margin-top: 4px;
	}
	.fotos .col-md-6 {
		margin-bottom: 20px;
	}
	.somos p {
		font-size: 16px;
	}
	footer .col2 {
		text-align: left;
		padding-top: 22px;
	}
	.copy {
		font-size: 12px;
	}
	.producto h4 {
		font-size: 26px;
		line-height: 28px;
	}
	.producto {
		padding: 0 0 33px 0;
		background-image: url(../img/assets_fdo_azul_mobile-02.jpg);
		background-position: center -220px;
	}
	.producto .icono {
		position: relative;
		right: 0;
		left: 0;
		top: 0;
		bottom: 0;
		margin-bottom: 20px;
	}
	.producto .fotoprod {
		width: 100%;
		margin-bottom: 12px;
	}
	footer h2 {
		font-size: 22px;
	}
	.home .formulario {
		padding: 12px;
	}
	.telefono a {
		text-decoration: underline;
	}
	.gracias {
		background-image: url(../img/header_gracias-02.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.gracias h1 {
		font-size: 43px;
		line-height: 43px;
	}
	.gracias h2 {
		font-size: 20px;
	}
	.gracias h1 {
		padding-top: 33px;
	}
	.producto .prod {
		width: auto;
	}
	.producto .fotoprod {
		height: auto;
	}
	.home ul li:first-child {
		border: solid 1px #ecf2fd;
	}
	.home .cotizaahora {
		width: 233px;
		font-size: 20px;
	}
	.home .instalacion {
		width: 233px;
		padding: 15px 20px 12px 22px;
	}
	.home .instalacion,
	.home .cotizaahora {
		width: 100%;
	}
	.home .cotizaahora {
		margin: auto;
	}
}
/* Paleta (reemplazo directo de :root) */
/* --azul:#0a58ca; --turq:#00adee; --bord:#e7eef9; */

body{font-family:"PP Neue Montreal",Inter,system-ui,sans-serif;margin:0;padding:0;color:#1a1f2e;background:#fff;}

.c99-hero{
  text-align:center;
  padding:25px 20px 40px;
  background:linear-gradient(135deg,rgba(10,88,202,.95),rgba(23,71,157,.95)),url('/img/pds/hogar.jpg') center/cover no-repeat;
  color:#fff;
}
/* clamp(30px,3.6vw,50px) -> tamaños fijos + media query */
.c99-hero h1{font-size:38px;margin:0 0 8px;font-weight:900;}
@media (min-width:768px){ .c99-hero h1{font-size:50px} }
/* clamp(16px,1.6vw,20px) -> fijos + media query */
.c99-hero p{font-size:18px;margin:0 auto;max-width:900px;}
@media (min-width:768px){ .c99-hero p{font-size:20px} }

.c99-wrap{max-width:1100px;margin:0 auto;padding:30px 18px 65px;}

.c99-steps{display:flex;gap:10px;margin-bottom:20px;}
.c99-stepbar{flex:1;height:6px;border-radius:999px;background:#e8eef8;position:relative;}
.c99-stepbar.is-active::after,.c99-stepbar.is-done::after{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a58ca,#00adee);
}
.c99-stepbar.is-active::after{opacity:.6;}
.c99-stepbar.is-done::after{opacity:1;}

.c99-card{
  background:#fff;border:1px solid #e7eef9;border-radius:20px;box-shadow:0 15px 45px rgba(0,0,0,.05);
  padding:40px;text-align:center;
}

.c99-step-head{margin-bottom:20px;}
.c99-step-head .kicker{color:#7b89a6;font-weight:700;font-size:.95rem;}
/* clamp(20px,2.4vw,28px) -> fijos + media query */
.c99-step-head h2{margin:6px 0 0;font-size:26px;font-weight:900;}
@media (min-width:768px){ .c99-step-head h2{font-size:28px} }

.c99-grid{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:20px;
  margin-top:20px;
}

.c99-opt{
  background:#fff;
  border:2px solid #e3ecfb;
  border-radius:16px;
  padding:25px;
  min-width:200px;
  min-height:160px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:800;
  color:#213150;
  transition:.3s;
  cursor:pointer;
}
.c99-opt svg{width:40px;height:40px;fill:#0a58ca;margin-bottom:10px;}
.c99-opt:hover{border-color:#0a58ca;box-shadow:0 8px 30px rgba(10,88,202,.12);}
.c99-opt.is-selected{border-color:#0a58ca;box-shadow:0 10px 32px rgba(0,173,238,.2);}

.c99-controls{text-align:center;margin-top:30px;}
.c99-back{
  background:#fff;
  color:#0a58ca;
  border:2px solid #0a58ca;
  border-radius:12px;
  padding:10px 16px;
  font-weight:800;
  cursor:pointer;
  transition:.2s;
}
.c99-back:hover{color:#00adee;border-color:#00adee;}

/* RESULTADO: MISMO CONTENEDOR y MÁS ABAJO (padding-top 40px) */
.c99-result{
  display:none;
  margin-top:20px;
  background:#f9fbff;
  border:1px solid #e7eef9;
  border-radius:16px;
  padding:40px 25px 25px; /* <-- antes era 25px; ahora baja el contenido */
}

.c99-result h3{color:#0a58ca;margin:0 0 12px;font-weight:900;}
.c99-result p{margin:0 0 12px;color:#333;}
.c99-result-overlay {
  padding-top: 50px; /* o 80px si querés más aire */
}
/* BLOQUE FINAL - tamaño equilibrado */
.c99-result-overlay {
  padding-top: 70px;          /* un poco menos alto */
  padding-bottom: 50px;
  max-width: 650px;
  margin: 0 auto;
  transform: scale(1.05);     /* leve ampliación */
  transition: transform .3s ease;
}
.c99-result-overlay:hover {
  transform: scale(1.07);
}

/* Título */
.c99-result-overlay h3 {
  font-size: 28px;            /* un poco más chico que antes */
  font-weight: 900;
  color: #0a58ca;
  margin-bottom: 6px;         /* más pegado al párrafo */
}

/* Subtítulo */
.c99-result-overlay p,
.c99-result-overlay .c99-benef {
  font-size: 17px;            /* más sutil */
  font-weight: 600;
  color: #000;                /* negro */
  margin-top: 0;
  margin-bottom: 14px;
}

/* Inputs */
.c99-finalform .c99-inp {
  font-size: 17px;
  padding: 14px 16px;
  border-radius: 10px;
}

/* Botón */
.c99-finalform .c99-btn {
  font-size: 18px;
  padding: 14px 18px;
  border-radius: 10px;
  font-weight: 800;
  background:#0a58ca;
  color:#fff;
  transition: background .2s ease;
}
.c99-finalform .c99-btn:hover {
  background:#00adee;
}
.c99-benef{font-weight:800;color:#0a58ca;}

.c99-finalform{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:10px;}
.c99-inp{border:1px solid #d9e5fb;border-radius:10px;padding:12px;font-size:1rem;}
.c99-btn{background:#0a58ca;color:#fff;border:0;border-radius:10px;padding:12px;font-weight:800;cursor:pointer;transition:.2s;}
.c99-btn:hover{background:#00adee}