/* =====================================================
   GEINCOR – Hablar con un asesor (popup + flotante)
   ===================================================== */

.gas-modal{
	position:fixed;
	inset:0;
	z-index:99999;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px;
}
.gas-modal[hidden]{ display:none; }

.gas-fondo{
	position:absolute;
	inset:0;
	background:rgba(9,18,34,.55);
	backdrop-filter:blur(4px);
	-webkit-backdrop-filter:blur(4px);
	animation:gas-fade .25s ease;
}

.gas-caja{
	position:relative;
	width:100%;
	max-width:470px;
	max-height:92vh;
	overflow-y:auto;
	background:#ffffff;
	border-radius:26px;
	padding:34px 36px 32px;
	box-sizing:border-box;
	box-shadow:0 30px 70px rgba(0,0,0,.28);
	font-family:'Montserrat',-apple-system,'Segoe UI',Roboto,sans-serif;
	animation:gas-sube .28s cubic-bezier(.2,.8,.3,1);
}

@keyframes gas-fade{ from{opacity:0} to{opacity:1} }
@keyframes gas-sube{ from{opacity:0; transform:translateY(18px)} to{opacity:1; transform:none} }

.gas-x{
	position:absolute;
	top:16px; right:16px;
	width:34px; height:34px;
	border:0;
	border-radius:50%;
	background:#eef1f6;
	color:#13213D;
	font-size:20px;
	line-height:1;
	cursor:pointer;
	transition:.2s;
}
.gas-x:hover{ background:#dfe4ee; }

.gas-logo{ max-width:110px; height:auto; display:block; margin-bottom:14px; }
.gas-icono{ display:inline-flex; color:#25D366; margin-bottom:10px; }

.gas-caja h2{
	margin:0 0 6px;
	font-size:34px;
	font-weight:800;
	color:#13213D;
	line-height:1.1;
}
.gas-caja .gas-sub{
	margin:0 0 20px;
	font-size:14px;
	color:#5b6577;
	line-height:1.45;
}

.gas-campo{ display:block; margin-bottom:14px; }
.gas-campo span{
	display:block;
	font-size:12px;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:#13213D;
	margin-bottom:6px;
}
.gas-campo span i{ color:#e5484d; font-style:normal; }
.gas-campo input{
	width:100%;
	box-sizing:border-box;
	padding:13px 18px;
	border:1px solid #d7dbe4;
	border-radius:30px;
	font-size:15px;
	font-family:inherit;
	color:#13213D;
	background:#fff;
	outline:none;
	transition:.2s;
}
.gas-campo input::placeholder{ color:#9aa2b1; }
.gas-campo input:focus{ border-color:#4057FF; box-shadow:0 0 0 3px rgba(64,87,255,.14); }
.gas-campo.es-mal input{ border-color:#e5484d; box-shadow:0 0 0 3px rgba(229,72,77,.12); }
.gas-ayuda{
	display:block;
	margin:5px 0 0 18px;
	font-size:11.5px;
	color:#8a92a3;
}

.gas-error{
	margin:0 0 12px;
	font-size:13px;
	color:#e5484d;
}

.gas-btn{
	display:block;
	width:100%;
	padding:14px 20px;
	border:0;
	border-radius:30px;
	background:#4057FF;
	color:#fff;
	font-family:inherit;
	font-size:15px;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	transition:.25s;
}
.gas-btn:hover{ background:#2b40d8; color:#fff; }
.gas-btn[disabled]{ opacity:.6; cursor:default; }
.gas-btn-wa{ background:#25D366; margin-top:6px; }
.gas-btn-wa:hover{ background:#1eb457; }

.gas-ok{ text-align:center; padding:6px 0 2px; }
.gas-ok .gas-check{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:56px; height:56px;
	border-radius:50%;
	background:#DCF8C6;
	color:#1eb457;
	font-size:26px;
	margin-bottom:12px;
}
.gas-ok h3{ margin:0 0 6px; font-size:22px; color:#13213D; font-weight:800; }
.gas-ok p{ margin:0 0 16px; font-size:14px; color:#5b6577; line-height:1.45; }

/* honeypot */
.gas-hp{ position:absolute!important; left:-9999px!important; opacity:0!important; height:0!important; }

/* ------------- BOTÓN FLOTANTE ------------- */
.gas-flotante{
	position:fixed;
	right:22px;
	bottom:22px;
	z-index:99990;
	display:inline-flex;
	align-items:center;
	gap:0;
	height:58px;
	padding:0 14px;
	border:0;
	border-radius:32px;
	background:#25D366;
	color:#fff;
	font-family:'Montserrat',-apple-system,'Segoe UI',Roboto,sans-serif;
	font-size:15px;
	font-weight:700;
	cursor:pointer;
	box-shadow:0 10px 26px rgba(37,211,102,.42);
	transition:.28s;
}
.gas-flotante span{
	max-width:0;
	overflow:hidden;
	white-space:nowrap;
	opacity:0;
	transition:.28s;
}
.gas-flotante:hover{ background:#1eb457; }
.gas-flotante:hover span{ max-width:160px; opacity:1; margin-left:8px; }

@media(max-width:768px){
	.gas-caja{ padding:28px 22px 26px; border-radius:22px; }
	.gas-caja h2{ font-size:28px; }
	.gas-flotante{ right:16px; bottom:16px; height:54px; padding:0 12px; }
	.gas-flotante span{ display:none; }
}

/* =====================================================
   TARJETAS [geincor_cards]
   (mismo diseño del tema hijo; si ya lo tienes en el
   tema, este bloque simplemente repite las reglas)
   ===================================================== */
.cards-geincor-new{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:42px;
	flex-wrap:wrap;
}
.cards-geincor-new .card-geincor-new{
	width:255px;
	height:232px;
	background:#0D2235;
	border-radius:28px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
	padding:22px;
	box-sizing:border-box;
	transition:.3s ease;
}
.cards-geincor-new .card-geincor-new.gas-abrir{ cursor:pointer; }
.cards-geincor-new .card-geincor-new:hover{ transform:translateY(-6px); }
.cards-geincor-new .card-geincor-new img{
	width:105px;
	height:105px;
	object-fit:contain;
	margin-bottom:18px;
}
.cards-geincor-new .card-geincor-new h3{
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	letter-spacing:.2px;
	line-height:1.2;
	margin:0 0 15px 0;
	white-space:nowrap;
}
.cards-geincor-new .btn-geincor-new{
	background:#4057FF;
	color:#ffffff;
	padding:4px 25px;
	border-radius:20px;
	text-decoration:none;
	font-size:14px;
	font-weight:700;
	line-height:20px;
	display:inline-block;
	transition:.3s;
}
.cards-geincor-new .btn-geincor-new:hover{ background:#ffffff; color:#4057FF; }
@media(max-width:768px){
	.cards-geincor-new{ gap:20px; }
	.cards-geincor-new .card-geincor-new{ width:100%; max-width:320px; }
}