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

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

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

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

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


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

.asesoria-hero{
	width:100%;
	margin:0;
	padding:80px 0;
	background:var(--primary);
}

.asesoria-hero .asesoria-container{
	width:80%;
	text-align:center;
}

.asesoria-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;
}

.asesoria-hero p{
	max-width:760px;
	margin:0 auto;
	color:#cbd5e1;
	font-size:17px;
	line-height:1.7;
	font-family:"Montserrat",sans-serif;
}


/* =====================================================
   SECCIÓN: INTRODUCCIÓN
===================================================== */

.asesoria-introduccion{
	width:100%;
	margin:0;
	padding:75px 0;
	background:var(--light);
}

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

.asesoria-introduccion-texto{
	width:100%;
}

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

.asesoria-introduccion-texto p{
	margin:0 0 15px;
	color:var(--text);
	font-size:16px;
	line-height:1.7;
	text-align:justify;
	text-justify:inter-word;
}

.asesoria-introduccion-texto p:last-child{
	margin-bottom:0;
}

.asesoria-introduccion-destacado{
	width:100%;
	padding:32px;
	border:1px solid rgba(212,175,55,.3);
	border-radius:20px;
	background:#fff;
	box-shadow:0 15px 35px rgba(0,0,0,.07);
}

.asesoria-introduccion-destacado span{
	display:block;
	margin-bottom:15px;
	color:#9b7b18;
	font-size:11px;
	font-weight:700;
	letter-spacing:2px;
}

.asesoria-introduccion-destacado strong{
	display:block;
	margin-bottom:15px;
	color:var(--primary);
	font-size:23px;
	line-height:1.35;
	font-family:"Montserrat",sans-serif;
}

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


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

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

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

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


/* =====================================================
   SECCIÓN: SERVICIOS JURÍDICOS
===================================================== */

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

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

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

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

.asesoria-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;
}

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

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


/* =====================================================
   SECCIÓN: PROCESO
===================================================== */

.asesoria-proceso{
	width:100%;
	margin:0;
	padding:75px 0;
	background:var(--light);
}

.asesoria-proceso-lista{
	width:100%;
	max-width:900px;
	margin:0 auto;
}

.asesoria-proceso-item{
	display:grid;
	grid-template-columns:60px 1fr;
	gap:20px;
	align-items:start;
	padding:22px 0;
	border-bottom:1px solid var(--gray);
}

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

.asesoria-proceso-item > span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border-radius:50%;
	background:var(--primary);
	color:var(--secondary);
	font-size:11px;
	font-weight:700;
}

.asesoria-proceso-item h3{
	margin:0 0 8px;
	color:var(--primary);
	font-size:19px;
	font-family:"Montserrat",sans-serif;
}

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


/* =====================================================
   SECCIÓN: IMPORTANCIA
===================================================== */

.asesoria-importancia{
	width:100%;
	margin:0;
	padding:75px 0;
	background:var(--primary);
}

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

.asesoria-importancia-contenido h2{
	margin:0 0 18px;
	color:#fff;
	font-size:34px;
	line-height:1.25;
	font-family:"Montserrat",sans-serif;
}

.asesoria-importancia-contenido p{
	width:90%;
	max-width:750px;
	margin:0 auto;
	color:#cbd5e1;
	font-size:16px;
	line-height:1.7;
}


/* =====================================================
   SECCIÓN: ALCANCE
===================================================== */

.asesoria-alcance{
	width:100%;
	margin:0;
	padding:75px 0;
	background:#fff;
}

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

.asesoria-alcance-texto{
	width:100%;
}

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

.asesoria-alcance-texto p{
	margin:0;
	color:var(--text);
	font-size:16px;
	line-height:1.7;
	text-align:justify;
	text-justify:inter-word;
}

.asesoria-alcance-nota{
	width:100%;
	padding:28px;
	border-left:4px solid var(--secondary);
	border-radius:0 18px 18px 0;
	background:var(--light);
	box-shadow:0 10px 28px rgba(0,0,0,.05);
}

.asesoria-alcance-nota strong{
	display:block;
	margin-bottom:12px;
	color:var(--primary);
	font-size:12px;
	letter-spacing:2px;
}

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


/* =====================================================
   SECCIÓN: CONTACTO
===================================================== */

.asesoria-contacto{
	width:100%;
	margin:0;
	padding:75px 0;
	background:var(--light);
}

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

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

.asesoria-contacto-contenido p{
	width:90%;
	max-width:700px;
	margin:0 auto 28px;
	color:var(--text);
	font-size:16px;
	line-height:1.7;
}

.asesoria-contacto-boton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:14px 26px;
	border:1px solid var(--secondary);
	border-radius:10px;
	background:var(--secondary);
	color:#fff;
	font-size:12px;
	font-weight:700;
	letter-spacing:1px;
	text-decoration:none;
	transition:.35s;
}

.asesoria-contacto-boton:hover{
	transform:translateY(-3px);
	box-shadow:0 10px 25px rgba(0,0,0,.12);
}