@import url("color-global.css");

/* =====================================================
   SECCIÓN: BASE
===================================================== */

.nosotros-page{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}


/* =====================================================
   SECCIÓN: HERO NOSOTROS
===================================================== */

.nosotros-hero{
	width:100%;
	margin:0;
	padding:75px 0;
	background:var(--primary);
	overflow:hidden;
}

.nosotros-hero .nosotros-container{
	width:80%;
	margin:0 auto;
	text-align:center;
}

.nosotros-etiqueta{
	display:inline-block;
	margin-bottom:15px;
	color:var(--secondary);
	font-size:12px;
	font-weight:700;
	letter-spacing:2.5px;
	text-transform:uppercase;
}

.nosotros-hero h1{
	max-width:850px;
	margin:0 auto 20px;
	color:#fff;
	font-size:48px;
	line-height:1.15;
	font-family:"Montserrat",sans-serif;
	font-weight:700;
}

.nosotros-hero p{
	max-width:760px;
	margin:0 auto 15px;
	color:#cbd5e1;
	font-size:17px;
	line-height:1.7;
	font-family:"Montserrat",sans-serif;
	text-align:justify;
	text-justify:inter-word;
}

.nosotros-hero p:last-child{
	margin-bottom:0;
}


/* =====================================================
   SECCIÓN: QUIÉNES SOMOS
===================================================== */

.nosotros-quienes{
	width:100%;
	margin:0;
	padding:70px 0;
	background:var(--light);
}

.nosotros-quienes-grid{
	width:70%;
	margin:0 auto;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:50px;
	align-items:center;
}

.nosotros-quienes-texto{
	width:100%;
}

.nosotros-quienes-texto::before{
	content:"";
	display:block;
	width:50px;
	height:3px;
	margin-bottom:18px;
	border-radius:20px;
	background:var(--secondary);
}

.nosotros-quienes h2{
	margin:0 0 18px;
	color:var(--primary);
	font-size:34px;
	line-height:1.25;
	font-family:"Montserrat",sans-serif;
}

.nosotros-quienes-texto p{
	margin:0;
	color:var(--text);
	font-size:16px;
	line-height:1.7;
}

.nosotros-propuesta{
	width:100%;
	padding:30px;
	border:1px solid rgba(212,175,55,.25);
	border-radius:20px;
	background:#fff;
	box-shadow:0 15px 35px rgba(0,0,0,.07);
}

.nosotros-propuesta-lista{
	width:100%;
	margin:5px 0 0;
}

.nosotros-propuesta-item{
	display:grid;
	grid-template-columns:40px 1fr;
	gap:12px;
	align-items:start;
	padding:15px 0;
	border-bottom:1px solid var(--gray);
}

.nosotros-propuesta-item:last-child{
	border-bottom:0;
}

.nosotros-propuesta-item > span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border-radius:50%;
	background:rgba(212,175,55,.15);
	color:#9b7b18;
	font-size:10px;
	font-weight:700;
}

.nosotros-propuesta-item p{
	margin:2px 0 0;
	color:var(--text);
	font-size:14px;
	line-height:1.65;
}


/* =====================================================
   SECCIÓN: ENCABEZADOS
===================================================== */

.nosotros-section-header{
	width:70%;
	max-width:700px;
	margin:0 auto 40px;
	text-align:center;
}

.nosotros-section-header h2{
	margin:0 0 15px;
	color:var(--primary);
	font-size:34px;
	line-height:1.25;
	font-family:"Montserrat",sans-serif;
}

.nosotros-section-header p{
	margin:0;
	color:var(--text);
	font-size:16px;
	line-height:1.7;
}


/* =====================================================
   SECCIÓN: SOCIOS FUNDADORES
===================================================== */

.nosotros-socios{
	width:100%;
	margin:0;
	padding:70px 0;
	background:var(--primary);
}

.nosotros-socios .nosotros-container{
	width:70%;
	margin:0 auto;
}

.nosotros-socios .nosotros-section-header h2{
	color:#fff;
}

.nosotros-socios .nosotros-section-header p{
	color:#cbd5e1;
}

.socios-grid{
	width:100%;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
}

.socio-card{
	width:100%;
	overflow:hidden;
	border:1px solid rgba(212,175,55,.2);
	border-radius:20px;
	background:rgba(255,255,255,.05);
	transition:.35s;
}

.socio-card:hover{
	transform:translateY(-5px);
	box-shadow:0 18px 35px rgba(0,0,0,.25);
}

.socio-foto{
	width:100%;
	aspect-ratio:16 / 9;
	background:#1e293b;
	overflow:hidden;
}

.socio-foto img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.socio-info{
	padding:16px 20px;
	text-align:center;
}

.socio-info h3{
	margin:0 0 6px;
	color:#fff;
	font-size:17px;
	font-family:"Montserrat",sans-serif;
	line-height:1.3;
}

.socio-info p{
	margin:0;
	color:var(--secondary);
	font-size:11px;
	font-weight:700;
	letter-spacing:.5px;
}


/* =====================================================
   SECCIÓN: IDENTIDAD ESTRATÉGICA
===================================================== */

.nosotros-identidad{
	width:100%;
	margin:0;
	padding:70px 0;
	background:var(--light);
}

.nosotros-identidad .nosotros-container{
	width:70%;
	margin:0 auto;
}

.identidad-grid{
	width:100%;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	margin-bottom:25px;
}

.identidad-card{
	width:100%;
	padding:30px;
	border:1px solid rgba(212,175,55,.25);
	border-radius:20px;
	background:#fff;
	box-shadow:0 12px 30px rgba(0,0,0,.06);
}

.identidad-titulo{
	display:block;
	margin-bottom:15px;
	color:var(--secondary);
	font-size:12px;
	font-weight:700;
	letter-spacing:2px;
}

.identidad-card p{
	margin:0;
	color:var(--text);
	font-size:15px;
	line-height:1.7;
}

.valores-grid{
	width:100%;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:15px;
}

.valor-card{
	width:100%;
	padding:24px;
	border:1px solid var(--gray);
	border-radius:18px;
	background:#fff;
	box-shadow:0 8px 25px rgba(0,0,0,.05);
	transition:.35s;
}

.valor-card:hover{
	transform:translateY(-5px);
	box-shadow:0 15px 30px rgba(0,0,0,.1);
}

.valor-numero{
	display:flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	margin-bottom:18px;
	border-radius:50%;
	background:rgba(212,175,55,.15);
	color:#9b7b18;
	font-size:10px;
	font-weight:700;
}

.valor-card h3{
	margin:0 0 10px;
	color:var(--primary);
	font-size:18px;
	font-family:"Montserrat",sans-serif;
}

.valor-card p{
	margin:0;
	color:var(--text);
	font-size:13px;
	line-height:1.65;
}


/* =====================================================
   SECCIÓN: SERVICIOS INMOBILIARIOS
===================================================== */

.nosotros-servicios{
	width:100%;
	margin:0;
	padding:70px 0;
	background:#fff;
}

.nosotros-servicios .nosotros-container{
	width:70%;
	margin:0 auto;
}

.servicios-grid{
	width:100%;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
}

.servicio-card{
	position:relative;
	width:100%;
	min-height:210px;
	padding:28px 25px;
	border:1px solid var(--gray);
	border-radius:20px;
	background:var(--light);
	box-shadow:0 10px 28px rgba(0,0,0,.06);
	transition:.35s;
	overflow:hidden;
}

.servicio-card:hover{
	transform:translateY(-6px);
	box-shadow:0 18px 35px rgba(0,0,0,.1);
	border-color:rgba(212,175,55,.4);
}

.servicio-numero{
	display:flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	margin-bottom:22px;
	border-radius:50%;
	background:var(--primary);
	color:var(--secondary);
	font-size:10px;
	font-weight:700;
}

.servicio-card h3{
	margin:0 0 12px;
	color:var(--primary);
	font-size:19px;
	font-family:"Montserrat",sans-serif;
}

.servicio-card p{
	margin:0;
	color:var(--text);
	font-size:14px;
	line-height:1.65;
}


/* =====================================================
   SECCIÓN: ESPECIALIDADES
===================================================== */

.nosotros-especialidades{
	width:100%;
	margin:0;
	padding:70px 0;
	background:var(--light);
}

.nosotros-especialidades .nosotros-container{
	width:70%;
	margin:0 auto;
}

.especialidades-grid{
	width:100%;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:50px;
	align-items:center;
}

.especialidades-texto{
	width:100%;
}

.especialidades-texto h2{
	margin:0 0 18px;
	color:var(--primary);
	font-size:34px;
	line-height:1.25;
	font-family:"Montserrat",sans-serif;
}

.especialidades-texto p{
	margin:0;
	color:var(--text);
	font-size:16px;
	line-height:1.7;
}

.especialidades-lista{
	width:100%;
	overflow:hidden;
	border:1px solid var(--gray);
	border-radius:20px;
	background:#fff;
	box-shadow:0 12px 30px rgba(0,0,0,.06);
}

.especialidad-item{
	display:grid;
	grid-template-columns:40px 1fr;
	gap:12px;
	align-items:center;
	padding:14px 20px;
	border-bottom:1px solid var(--gray);
	transition:.3s;
}

.especialidad-item:last-child{
	border-bottom:0;
}

.especialidad-item:hover{
	background:var(--light);
}

.especialidad-item span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border-radius:50%;
	background:rgba(212,175,55,.15);
	color:#9b7b18;
	font-size:10px;
	font-weight:700;
}

.especialidad-item p{
	margin:0;
	color:var(--primary);
	font-size:14px;
	font-weight:600;
}

.cobertura{
	width:100%;
	margin:40px auto 0;
	padding:25px 30px;
	border-left:4px solid var(--secondary);
	border-radius:0 18px 18px 0;
	background:#fff;
	box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.cobertura p{
	margin:0;
	color:var(--text);
	font-size:14px;
	line-height:1.7;
}


/* =====================================================
   SECCIÓN: CONFIANZA Y FORMALIDAD
===================================================== */

.nosotros-formalidad{
	width:100%;
	margin:0;
	padding:70px 0;
	background:var(--primary);
}

.nosotros-formalidad .nosotros-container{
	width:70%;
	margin:0 auto;
}

.formalidad-contenido{
	width:100%;
	max-width:900px;
	margin:0 auto;
	text-align:center;
}

.nosotros-formalidad .nosotros-section-header h2{
	color:#fff;
}

.nosotros-formalidad .nosotros-section-header p{
	color:#cbd5e1;
}

.nosotros-formalidad .formalidad-contenido > h2{
	margin:15px 0 18px;
	color:#fff;
	font-size:34px;
	line-height:1.25;
	font-family:"Montserrat",sans-serif;
	font-weight:700;
}

.nosotros-formalidad .formalidad-contenido > p:not(.formalidad-nota){
	width:90%;
	max-width:760px;
	margin:0 auto;
	color:#e2e8f0;
	font-size:16px;
	line-height:1.7;
}

.registro-marca{
	width:100%;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:15px;
	margin:35px 0 25px;
}

.registro-item{
	position:relative;
	width:100%;
	padding:25px 20px;
	border:1px solid rgba(212,175,55,.3);
	border-radius:18px;
	background:rgba(255,255,255,.06);
	box-shadow:0 12px 28px rgba(0,0,0,.15);
	transition:.35s;
}

.registro-item:hover{
	transform:translateY(-5px);
	border-color:rgba(212,175,55,.65);
	background:rgba(255,255,255,.09);
	box-shadow:0 18px 35px rgba(0,0,0,.25);
}

.registro-item span{
	display:block;
	margin-bottom:10px;
	color:#94a3b8;
	font-size:10px;
	font-weight:700;
	letter-spacing:1.5px;
	text-transform:uppercase;
}

.registro-item strong{
	display:block;
	color:#fff;
	font-size:15px;
	line-height:1.45;
	font-family:"Montserrat",sans-serif;
}

.formalidad-nota{
	width:90%;
	max-width:760px;
	margin:0 auto !important;
	padding-top:20px;
	border-top:1px solid rgba(255,255,255,.12);
	color:#94a3b8 !important;
	font-size:12px !important;
	line-height:1.6 !important;
}


/* =====================================================
   SECCIÓN: PRESENCIA DIGITAL
===================================================== */

.nosotros-presencia{
	width:100%;
	margin:0;
	padding:70px 0;
	background:var(--light);
}

.nosotros-presencia .nosotros-container{
	width:70%;
	margin:0 auto;
}

.presencia-contenido{
	width:100%;
	max-width:850px;
	margin:0 auto;
	text-align:center;
}

.presencia-contenido h2{
	margin:0 0 18px;
	color:var(--primary);
	font-size:34px;
	line-height:1.25;
	font-family:"Montserrat",sans-serif;
}

.presencia-contenido > p{
	margin:0 auto;
	color:var(--text);
	font-size:16px;
	line-height:1.7;
}

.presencia-web{
	display:inline-flex;
	flex-direction:column;
	align-items:center;
	margin:20px 0;
	padding:17px 30px;
	border:1px solid rgba(212,175,55,.35);
	border-radius:18px;
	background:#fff;
	box-shadow:0 10px 28px rgba(0,0,0,.06);
}

.presencia-web span{
	margin-bottom:6px;
	color:#9b7b18;
	font-size:10px;
	font-weight:700;
	letter-spacing:2px;
}

.presencia-web a{
	color:var(--primary);
	font-size:21px;
	font-weight:600;
	text-decoration:none;
}

.presencia-web a:hover{
	color:var(--secondary);
}