/* Inversionisto Agents · v0.20.10 */

.inv-agents-page{
	width:100%;
	max-width:100%;
	overflow-x:clip;
	background:#fff;
	color:var(--inv-ink);
}

/* HERO */
.inv-agents-hero{
	position:relative;
	min-height:520px;
	background-image:var(--inv-agents-hero);
	background-size:cover;
	background-position:center 45%;
	color:#fff;
	isolation:isolate;
}
.inv-agents-hero__overlay{
	position:absolute;
	inset:0;
	z-index:-1;
	background:
		linear-gradient(90deg,rgba(9,35,23,.86) 0%,rgba(9,35,23,.64) 37%,rgba(9,35,23,.25) 68%,rgba(9,35,23,.18) 100%),
		linear-gradient(180deg,rgba(9,35,23,.16),rgba(9,35,23,.56));
}
.inv-agents-hero__inner{
	position:relative;
	min-height:520px;
	padding-top:34px;
	padding-bottom:58px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.inv-agents-breadcrumb{
	position:absolute;
	top:28px;
	left:0;
	display:flex;
	align-items:center;
	gap:9px;
	color:rgba(255,255,255,.76);
	font-size:.82rem;
	font-weight:650;
}
.inv-agents-breadcrumb a{
	color:#fff;
	text-decoration:none;
}
.inv-agents-breadcrumb a:hover{text-decoration:underline}
.inv-agents-hero__copy{
	max-width:650px;
}
.inv-agents-hero__kicker{
	color:#dcead8;
}
.inv-agents-hero h1{
	max-width:640px;
	margin:8px 0 18px;
	color:#fff;
	font-size:clamp(2.8rem,5.3vw,5.6rem);
	line-height:.94;
	letter-spacing:-.06em;
	text-wrap:balance;
}
.inv-agents-hero__copy>p:last-child{
	max-width:610px;
	margin:0;
	color:rgba(255,255,255,.88);
	font-size:1rem;
	line-height:1.7;
}
.inv-agents-hero__note{
	position:absolute;
	right:0;
	bottom:58px;
	width:min(340px,32vw);
	padding:19px 20px;
	border:1px solid rgba(255,255,255,.22);
	border-radius:17px;
	background:rgba(16,48,31,.68);
	-webkit-backdrop-filter:blur(14px);
	backdrop-filter:blur(14px);
	display:grid;
	grid-template-columns:48px minmax(0,1fr);
	gap:13px;
	align-items:center;
	box-shadow:0 16px 38px rgba(4,25,13,.18);
}
.inv-agents-hero__note-icon{
	width:48px;
	height:48px;
	border-radius:50%;
	background:rgba(255,255,255,.14);
	display:grid;
	place-items:center;
}
.inv-agents-hero__note-icon svg{
	width:25px;
	height:25px;
	fill:#fff;
}
.inv-agents-hero__note strong{
	display:block;
	font-size:.9rem;
	line-height:1.25;
}
.inv-agents-hero__note p{
	margin:5px 0 0;
	color:rgba(255,255,255,.77);
	font-size:.68rem;
	line-height:1.45;
}

/* DIRECTORY */
.inv-agents-directory{
	padding:58px 0 86px;
}
.inv-agents-directory__head{
	margin-bottom:25px;
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(240px,440px);
	gap:40px;
	align-items:end;
}
.inv-agents-directory__head h2{
	margin:5px 0 0;
	font-size:clamp(2.2rem,4vw,4rem);
	line-height:1;
	letter-spacing:-.05em;
}
.inv-agents-directory__head>p{
	margin:0 0 4px;
	color:var(--inv-muted);
	font-size:.86rem;
	line-height:1.6;
	text-align:right;
}

.inv-agents-toolbar{
	margin-bottom:25px;
	display:grid;
	grid-template-columns:minmax(250px,1.35fr) minmax(180px,.75fr) minmax(180px,.75fr) auto;
	gap:10px;
	align-items:center;
}
.inv-agents-search,
.inv-agents-select{
	min-height:48px;
	border:1px solid #dce4de;
	border-radius:10px;
	background:#fff;
	display:flex;
	align-items:center;
}
.inv-agents-search{
	padding-left:14px;
}
.inv-agents-search svg{
	width:18px;
	height:18px;
	fill:#6b7c71;
	flex:0 0 auto;
}
.inv-agents-search input,
.inv-agents-select select{
	width:100%;
	min-height:46px;
	border:0;
	outline:0;
	background:transparent;
	color:#2c3931;
	font:inherit;
	font-size:.78rem;
}
.inv-agents-search input{
	padding:0 14px 0 10px;
}
.inv-agents-select select{
	padding:0 38px 0 14px;
	cursor:pointer;
}
.inv-agents-clear{
	min-height:46px;
	padding:0 14px;
	border:0;
	background:transparent;
	color:#4f704a;
	font-size:.75rem;
	font-weight:750;
	cursor:pointer;
}
.inv-agents-clear:hover{text-decoration:underline}

.inv-agents-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	grid-auto-rows:1fr;
	gap:17px;
}
.inv-agent-grid-item{
	min-width:0;
	display:flex;
}
.inv-agent-grid-item[hidden]{display:none}

.inv-agent-card{
	width:100%;
	height:100%;
	min-width:0;
	display:flex;
	flex-direction:column;
	border:1px solid var(--inv-border);
	border-radius:15px;
	background:#fff;
	overflow:hidden;
	box-shadow:0 9px 25px rgba(29,51,34,.045);
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.inv-agent-card:hover{
	transform:translateY(-3px);
	border-color:#cad8cc;
	box-shadow:0 17px 36px rgba(29,51,34,.095);
}
.inv-agent-card__photo{
	position:relative;
	aspect-ratio:4/5;
	background:#edf3ee;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	overflow:hidden;
	text-decoration:none;
}
.inv-agents-grid .inv-agent-card__photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center top;
	background:transparent;
	transform:none;
}
.inv-agents-grid .inv-agent-card__photo img.is-placeholder{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	background:#5c844a;
}
.inv-agent-card:hover .inv-agent-card__photo img{
	transform:none;
}

.inv-agent-card__body{
	min-height:0;
	padding:15px 16px 14px;
	flex:1;
	display:flex;
	flex-direction:column;
}
.inv-agent-card__identity{
	min-height:52px;
}
.inv-agent-card__name-row{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:10px;
}
.inv-agent-card__identity h3{
	min-width:0;
	margin:0;
	font-size:1.22rem;
	line-height:1.2;
	letter-spacing:-.025em;
}
.inv-agent-card__identity h3 a{
	color:inherit;
	text-decoration:none;
}
.inv-agent-card__identity p{
	min-height:1.25em;
	margin:5px 0 0;
	color:#7a8780;
	font-size:.84rem;
}

.inv-agent-card__whatsapp-inline{
	width:44px;
	height:44px;
	border:0;
	border-radius:12px;
	background:transparent;
	display:block;
	flex:0 0 44px;
	text-decoration:none;
	overflow:hidden;
	box-shadow:0 6px 16px rgba(37,211,102,.26);
	transition:transform .16s ease,box-shadow .16s ease;
}
.inv-agent-card__whatsapp-inline:hover,
.inv-agent-card__whatsapp-inline:focus-visible{
	transform:translateY(-1px) scale(1.025);
	box-shadow:0 10px 22px rgba(37,211,102,.34);
}
.inv-agent-card__whatsapp-inline img,
.inv-agent-card__whatsapp-inline svg{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	border-radius:12px;
}
.inv-agent-card__meta{
	margin-top:8px;
	display:flex;
	flex-wrap:wrap;
	gap:5px 12px;
}
.inv-agent-card__meta span{
	display:inline-flex;
	align-items:center;
	gap:5px;
	color:#69776e;
	font-size:.67rem;
}
.inv-agent-card__meta svg{
	width:13px;
	height:13px;
	fill:#5c844a;
}
.inv-agent-card__specialties{
	margin-top:7px;
	display:flex;
	flex-wrap:wrap;
	gap:5px;
}
.inv-agent-card__specialties span{
	padding:5px 8px;
	border-radius:999px;
	background:#f1f5f1;
	color:#607064;
	font-size:.59rem;
	line-height:1;
}
.inv-agent-card__actions{
	margin-top:12px;
	padding-top:12px;
	border-top:1px solid #e7ece8;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:7px;
}
.inv-agent-card__actions.is-single{grid-template-columns:1fr}
.inv-agent-card__contact,
.inv-agent-card__profile{
	min-height:39px;
	border:1px solid #d7e1d9;
	border-radius:9px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#486a46;
	font-size:.7rem;
	font-weight:800;
	text-decoration:none;
}
.inv-agent-card__contact{
	background:#edf4ea;
	border-color:#d6e2d3;
}
.inv-agent-card__contact:hover,
.inv-agent-card__profile:hover{
	background:#e4eee1;
	border-color:#c8d8c5;
}

.inv-agents-no-results{
	padding:58px 20px;
	border:1px dashed #d7e0d9;
	border-radius:16px;
	background:#f8faf8;
	text-align:center;
}
.inv-agents-no-results h3{
	margin:0;
	font-size:1.25rem;
}
.inv-agents-no-results p{
	margin:6px 0 0;
	color:var(--inv-muted);
}

@media(max-width:1180px){
	.inv-agents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.inv-agents-hero__note{width:min(310px,31vw)}
}
@media(max-width:960px){
	.inv-agents-hero{min-height:560px}
	.inv-agents-hero__inner{min-height:560px}
	.inv-agents-hero__copy{max-width:590px}
	.inv-agents-hero__note{
		position:static;
		width:min(100%,560px);
		margin-top:26px;
	}
	.inv-agents-directory__head{
		grid-template-columns:1fr;
		gap:10px;
	}
	.inv-agents-directory__head>p{text-align:left}
	.inv-agents-toolbar{
		grid-template-columns:1fr 1fr;
	}
	.inv-agents-search{grid-column:1/-1}
	.inv-agents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
	.inv-agents-hero,
	.inv-agents-hero__inner{
		min-height:420px;
	}
	.inv-agents-hero{
		background-position:62% center;
	}
	.inv-agents-hero__overlay{
		background:
			linear-gradient(180deg,rgba(8,32,21,.52) 0%,rgba(8,32,21,.82) 58%,rgba(8,32,21,.95) 100%);
	}
	.inv-agents-hero__inner{
		padding-top:18px;
		padding-bottom:18px;
	}
	.inv-agents-breadcrumb{
		top:22px;
		left:0;
	}
	.inv-agents-hero h1{
		font-size:clamp(2rem,9.5vw,3rem);
	}
	.inv-agents-hero__copy>p:last-child{
		font-size:.9rem;
	}
	.inv-agents-hero__note{
		margin-top:12px;
		padding:11px 12px;
		grid-template-columns:42px minmax(0,1fr);
	}
	.inv-agents-hero__note-icon{
		width:42px;
		height:42px;
	}

	.inv-agents-directory{
		padding:42px 0 60px;
	}
	.inv-agents-directory__head h2{
		font-size:2.25rem;
	}
	.inv-agents-toolbar{
		grid-template-columns:1fr;
	}
	.inv-agents-search{grid-column:auto}
	.inv-agents-grid{
		grid-template-columns:1fr;
		gap:14px;
	}
	.inv-agent-card__photo{
		aspect-ratio:4/5;
	}
}


/* v0.20.6 — whatsapp svg original color + portrait photography */
@media(max-width:640px){
	.inv-agent-card__whatsapp-inline{
		width:42px;
		height:42px;
		flex-basis:42px;
	}
}

/* v0.20.7 — cards full-bleed + shorter mobile hero */


/* v0.20.8 — tighter cards + safer responsive header */
@media(max-width:640px){
	.inv-agents-hero__copy>p:last-child{
		font-size:.82rem;
		line-height:1.48;
	}
	.inv-agents-hero__note p{display:none}
	.inv-agents-hero__note strong{font-size:.78rem}
	.inv-agents-hero__note-icon{
		width:36px;
		height:36px;
	}
	.inv-agents-hero__note{grid-template-columns:36px minmax(0,1fr)}
	.inv-agent-card__identity h3{font-size:1.25rem}
	.inv-agent-card__identity p{font-size:.86rem}
}


/* v0.20.9 — overflow root fix + agent defaults */
body.post-type-archive-inv_agent{
	overflow-x:hidden;
}
@supports (overflow:clip){
	body.post-type-archive-inv_agent{overflow-x:clip}
}
.inv-agents-page,
.inv-agents-page .inv-wide,
.inv-agents-directory,
.inv-agents-grid{
	max-width:100%;
}
@media(max-width:640px){
	.inv-agent-card__identity p{font-size:.92rem}
}


/* v0.20.10 — prevent mobile browser zoom on agent search focus */
@media(max-width:640px){
	.inv-agents-search input{
		font-size:16px;
		line-height:1.2;
	}
}
