/* ==========================================================================
   Home v4 — Corporativa
   Retícula estricta, bordes finos, verde institucional y grises fríos.
   ========================================================================== */

.saiens-v4 {
	--ink: #2e3132;
	--body: #5f6467;
	--muted: #696e70;
	--line: #dde0e0;
	--line-strong: #c4c8c8;
	--surface: #f4f5f5;
	--surface-2: #eaecec;
	--green: #2f6e63;
	--green-2: #387b6e;
	--green-deep: #22564d;
	--green-tint: #edf6f4;
	--mint: #88c2bb;
	--accent-deep: #2f6e63;
	--grad-1: #2f6e63;
	--grad-2: #387b6e;
	--radius: 0px;
	--radius-pill: 0px;
	--section-y: 76px;
}

.saiens-v4 .section-title {
	font-size: 40px;
	letter-spacing: -0.6px;
}

.saiens-v4 .section-head__aside {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	max-width: 420px;
}

.saiens-v4 .section-intro {
	font-size: 14.5px;
}

.saiens-v4 .eyebrow {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.8px;
	color: var(--green);
}

.saiens-v4 .eyebrow__rule {
	width: 26px;
	height: 2px;
	background-image: linear-gradient(90deg, var(--green), var(--green-2));
}

.saiens-v4 .eyebrow--claro {
	color: #9bcec8;
}

.saiens-v4 .eyebrow--claro .eyebrow__rule {
	background: var(--mint);
}

.saiens-v4 .btn {
	padding: 14px 24px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 1.3px;
}

.saiens-v4 .btn--primary {
	background-image: linear-gradient(93deg, var(--green) 2%, var(--green-2) 98%);
}

.saiens-v4 .btn--secondary {
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line-strong);
}

.saiens-v4 .link-caps {
	color: var(--green);
	font-weight: 700;
	letter-spacing: 1.4px;
}

.saiens-v4 .stars {
	display: inline-flex;
	gap: 2px;
	color: #e0b23f;
}

/* Barra de utilidades y cabecera ------------------------------------------ */

.saiens-v4 .utilidades {
	background: var(--ink);
	color: #d5d8d8;
	font-size: 11.5px;
}

.saiens-v4 .utilidades__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 34px;
}

.saiens-v4 .utilidades__norma,
.saiens-v4 .utilidades__derecha a,
.saiens-v4 .utilidades__derecha span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.saiens-v4 .utilidades__derecha {
	display: flex;
	align-items: center;
	gap: 26px;
}

.saiens-v4 .utilidades__derecha a:hover {
	color: #fff;
}

.saiens-v4 .site-header__inner {
	padding-block: 14px;
	min-height: 70px;
}

.saiens-v4 .nav-list {
	gap: 26px;
}

.saiens-v4 .nav-list a {
	position: relative;
	padding-block: 24px;
	font-size: 13.5px;
}

.saiens-v4 .nav-list .current-menu-item > a::after,
.saiens-v4 .nav-list a:hover::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 16px;
	height: 2px;
	background: var(--green);
}

.saiens-v4 .header-search {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: var(--body);
	box-shadow: inset 0 0 0 1px var(--line);
}

/* Hero -------------------------------------------------------------------- */

.saiens-v4 .hero {
	background-color: #fff;
	background-image: radial-gradient(ellipse 35% 45% at 34% 5%, #e4ebf2 0%, rgba(228, 235, 242, 0) 100%);
}

.saiens-v4 .hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.78fr);
	gap: 56px;
	align-items: center;
	padding-block: 64px;
}

.saiens-v4 .hero__title {
	max-width: 16ch;
	font-size: 52px;
	line-height: 1.1;
	letter-spacing: -1.2px;
}

.saiens-v4 .hero__subtitle {
	max-width: 54ch;
	margin-top: 20px;
	font-size: 16px;
}

.saiens-v4 .hero__buscador {
	display: flex;
	align-items: stretch;
	margin-top: 32px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line-strong);
}

.saiens-v4 .hero__categoria {
	display: flex;
	align-items: center;
	border-right: 1px solid var(--line);
}

.saiens-v4 .hero__categoria select {
	height: 100%;
	padding: 16px 18px;
	border: 0;
	background: transparent;
	font-family: var(--font-body);
	font-size: 13.5px;
	color: var(--body);
	cursor: pointer;
}

.saiens-v4 .hero__entrada {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 10px;
	padding-inline: 16px;
	color: var(--muted);
}

.saiens-v4 .hero__entrada input {
	width: 100%;
	padding: 16px 0;
	border: 0;
	outline: none;
	font-family: var(--font-body);
	font-size: 14px;
	color: var(--ink);
	background: transparent;
}

.saiens-v4 .hero__frecuentes {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	font-size: 12.5px;
	color: var(--body);
}

.saiens-v4 .hero__frecuentes a {
	padding: 6px 12px;
	background: var(--surface);
	transition: background-color 0.18s ease;
}

.saiens-v4 .hero__frecuentes a:hover {
	background: var(--surface-2);
}

.saiens-v4 .hero__derecha {
	position: relative;
	min-height: 460px;
}

.saiens-v4 .hero__derecha img {
	width: 100%;
	height: 460px;
	object-fit: cover;
}

.saiens-v4 .hero__derecha::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(34, 86, 77, 0) 0%, rgba(34, 86, 77, 0.3) 55%, rgba(34, 86, 77, 0.78) 100%);
}

.saiens-v4 .hero__panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	background-image: linear-gradient(180deg, rgba(34, 86, 77, 0.88) 0%, rgba(27, 70, 63, 0.97) 100%);
}

.saiens-v4 .hero__dato {
	padding: 20px 22px;
	color: #bfd9d3;
}

.saiens-v4 .hero__dato + .hero__dato {
	border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.saiens-v4 .hero__dato strong {
	display: block;
	font-family: var(--font-head);
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	line-height: 1.1;
}

.saiens-v4 .hero__dato span {
	font-size: 12.5px;
}

/* Accesos rápidos --------------------------------------------------------- */

.saiens-v4 .accesos {
	background-image: linear-gradient(180deg, #f7f8f8 0%, #eff3f2 100%);
	border-block: 1px solid var(--line);
}

.saiens-v4 .accesos__inner {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.saiens-v4 .acceso {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 22px 24px;
	transition: background-color 0.18s ease;
}

.saiens-v4 .acceso + .acceso {
	border-left: 1px solid var(--line);
}

.saiens-v4 .acceso:hover {
	background: rgba(255, 255, 255, 0.65);
}

.saiens-v4 .acceso__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: #fff;
	color: var(--green);
	box-shadow: inset 0 0 0 1px var(--line);
}

.saiens-v4 .acceso__text {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

.saiens-v4 .acceso__text strong {
	font-family: var(--font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--ink);
}

.saiens-v4 .acceso__text em {
	font-size: 12px;
	font-style: normal;
	color: var(--muted);
}

.saiens-v4 .acceso__arrow {
	color: var(--line-strong);
}

/* Directorio -------------------------------------------------------------- */

.saiens-v4 .directorio {
	background-color: #fff;
	background-image: radial-gradient(ellipse 35% 45% at 90% 8%, #eff5f3 0%, rgba(239, 245, 243, 0) 100%);
}

.saiens-v4 .tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin-bottom: 28px;
	border-bottom: 1px solid var(--line);
}

.saiens-v4 .tab {
	padding: 14px 20px;
	font-size: 13.5px;
	color: var(--body);
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	transition: color 0.18s ease, border-color 0.18s ease;
}

.saiens-v4 .tab.is-active {
	color: var(--ink);
	font-weight: 700;
	border-bottom-color: var(--green);
}

.saiens-v4 .ficha {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: 24px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line);
	transition: box-shadow 0.18s ease;
}

.saiens-v4 .ficha:hover {
	box-shadow: inset 0 0 0 1px var(--line-strong), 0 14px 30px -22px rgba(46, 49, 50, 0.7);
}

.saiens-v4 .ficha__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 12px;
}

.saiens-v4 .ficha__cat {
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--green);
}

.saiens-v4 .ficha__entrega {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 10px;
	background: var(--surface);
	font-size: 11.5px;
	color: var(--body);
}

.saiens-v4 .ficha__title {
	font-size: 18px;
	font-weight: 700;
}

.saiens-v4 .ficha__datos {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	width: 100%;
	margin: 4px 0 8px;
	padding-block: 14px;
	border-block: 1px solid var(--line);
}

.saiens-v4 .ficha__datos dt {
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--muted);
}

.saiens-v4 .ficha__datos dd {
	margin: 4px 0 0;
	font-size: 13px;
	color: var(--body);
}

/* Servicios --------------------------------------------------------------- */

.saiens-v4 .servicios {
	background-image: linear-gradient(180deg, #f6f7f7 0%, #edf2f1 100%);
}

.saiens-v4 .servicios__contenido {
	display: grid;
	grid-template-columns: minmax(0, 0.62fr) minmax(0, 1fr);
	gap: var(--grid-gap);
}

.saiens-v4 .servicios__foto {
	position: relative;
	margin: 0;
	overflow: hidden;
}

.saiens-v4 .servicios__foto img {
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
}

.saiens-v4 .servicios__foto figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 28px;
	background-image: linear-gradient(180deg, rgba(27, 42, 40, 0) 0%, rgba(27, 42, 40, 0.38) 55%, rgba(27, 42, 40, 0.91) 100%);
	color: #d7dedd;
}

.saiens-v4 .servicios__foto figcaption strong {
	font-family: var(--font-head);
	font-size: 17px;
	font-weight: 700;
	color: #fff;
}

.saiens-v4 .servicios__foto figcaption em {
	font-size: 13px;
	font-style: normal;
}

.saiens-v4 .servicios__malla {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	background: var(--line);
	box-shadow: 0 0 0 1px var(--line);
}

.saiens-v4 .servicio {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding: 28px;
	background: #fff;
}

.saiens-v4 .servicio__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-bottom: 4px;
	background: var(--green-tint);
	color: var(--green);
}

.saiens-v4 .servicio__title {
	font-size: 17px;
	font-weight: 700;
}

.saiens-v4 .servicio__desc {
	flex: 1 1 auto;
	font-size: 13.5px;
}

/* Tecnología -------------------------------------------------------------- */

.saiens-v4 .tecnologia {
	position: relative;
	min-height: 520px;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
}

.saiens-v4 .tecnologia__foto {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.saiens-v4 .tecnologia__velo {
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(27, 42, 40, 0.94) 0%, rgba(31, 55, 51, 0.78) 42%, rgba(34, 64, 58, 0.15) 78%, rgba(34, 64, 58, 0) 100%);
}

.saiens-v4 .tecnologia__contenido {
	position: relative;
	z-index: 2;
	padding-block: 64px;
	max-width: calc( var(--container) + var(--gutter) * 2 );
}

.saiens-v4 .tecnologia__title {
	max-width: 18ch;
	font-size: 42px;
	color: #fff;
}

.saiens-v4 .tecnologia__desc {
	max-width: 58ch;
	margin: 16px 0 32px;
	font-size: 15.5px;
	color: #d3dcda;
}

.saiens-v4 .tecnologia__puntos {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 260px));
	gap: 0;
}

.saiens-v4 .tecnologia__puntos li {
	padding: 4px 26px;
	border-left: 1px solid rgba(255, 255, 255, 0.24);
}

.saiens-v4 .tecnologia__puntos li:first-child {
	padding-left: 0;
	border-left: 0;
}

.saiens-v4 .tecnologia__puntos strong {
	display: block;
	font-family: var(--font-head);
	font-size: 15px;
	font-weight: 700;
	color: #fff;
}

.saiens-v4 .tecnologia__puntos em {
	font-size: 13px;
	font-style: normal;
	color: #b7c8c5;
}

/* Distintivos ------------------------------------------------------------- */

.saiens-v4 .distintivos {
	background-image: linear-gradient(95deg, #1a443d 4%, #22564d 50%, #2c6659 96%);
	color: #c8e0db;
}

.saiens-v4 .distintivos__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
	gap: 56px;
	align-items: center;
}

.saiens-v4 .distintivos__title {
	font-size: 40px;
	color: #fff;
}

.saiens-v4 .distintivos__intro {
	margin-top: 16px;
	font-size: 14.5px;
}

.saiens-v4 .distintivos__malla {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	background: rgba(255, 255, 255, 0.16);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.saiens-v4 .distintivo {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 26px;
	background-image: linear-gradient(95deg, rgba(26, 68, 61, 0.6), rgba(44, 102, 89, 0.35));
}

.saiens-v4 .distintivo__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: rgba(255, 255, 255, 0.12);
	color: var(--mint);
}

.saiens-v4 .distintivo__text {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.saiens-v4 .distintivo__text strong {
	font-family: var(--font-head);
	font-size: 15px;
	font-weight: 700;
	color: #fff;
}

.saiens-v4 .distintivo__text em {
	font-size: 12.5px;
	font-style: normal;
}

/* Ruta -------------------------------------------------------------------- */

.saiens-v4 .ruta {
	background-color: #fff;
	background-image: radial-gradient(ellipse 40% 50% at 50% 100%, #eef1f5 0%, rgba(238, 241, 245, 0) 100%);
}

.saiens-v4 .pasos {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	box-shadow: 0 0 0 1px var(--line);
}

.saiens-v4 .paso {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 30px;
	background: #fff;
}

.saiens-v4 .paso + .paso {
	border-left: 1px solid var(--line);
}

.saiens-v4 .paso__fila {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
}

.saiens-v4 .paso__num {
	font-family: var(--font-head);
	font-size: 28px;
	font-weight: 700;
	color: var(--green);
}

.saiens-v4 .paso__icon {
	color: var(--line-strong);
}

.saiens-v4 .paso__title {
	font-size: 17px;
	font-weight: 700;
}

.saiens-v4 .paso__desc {
	font-size: 13.5px;
}

/* Expediente virtual ------------------------------------------------------ */

.saiens-v4 .resultados {
	padding-block: var(--section-y);
	background-color: var(--ink);
	background-image: linear-gradient(96deg, #262a2b 4%, rgba(46, 49, 50, 0) 59%), radial-gradient(ellipse 45% 60% at 88% 20%, rgba(47, 110, 99, 0.35) 0%, rgba(47, 110, 99, 0) 100%);
}

.saiens-v4 .resultados__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 56px;
	align-items: center;
}

.saiens-v4 .resultados__title {
	max-width: 16ch;
	font-size: 38px;
	color: #fff;
}

.saiens-v4 .resultados__desc {
	max-width: 52ch;
	margin: 16px 0 28px;
	font-size: 15px;
	color: #c0c4c4;
}

.saiens-v4 .resultados__botones {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.saiens-v4 .portal {
	background: #fff;
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.6);
}

.saiens-v4 .portal__barra {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 18px;
	background: var(--surface);
	border-bottom: 1px solid var(--line);
}

.saiens-v4 .portal__titulo,
.saiens-v4 .portal__usuario {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 700;
	color: var(--ink);
}

.saiens-v4 .portal__usuario {
	padding: 6px 12px;
	background: #fff;
	font-weight: 400;
	font-size: 12px;
	color: var(--body);
	box-shadow: inset 0 0 0 1px var(--line);
}

.saiens-v4 .portal__tabla {
	width: 100%;
	border-collapse: collapse;
}

.saiens-v4 .portal__tabla th {
	padding: 12px 18px;
	text-align: left;
	font-family: var(--font-body);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	color: var(--muted);
	border-bottom: 1px solid var(--line);
}

.saiens-v4 .portal__tabla td {
	padding: 16px 18px;
	font-size: 13px;
	color: var(--body);
	border-bottom: 1px solid var(--line);
}

.saiens-v4 .portal__estado {
	display: inline-block;
	padding: 4px 10px;
	background: var(--green-tint);
	font-size: 11.5px;
	font-weight: 600;
	color: var(--green);
}

.saiens-v4 .portal__accion {
	color: var(--green);
	text-align: right;
}

/* Sucursales -------------------------------------------------------------- */

.saiens-v4 .filtro-zona {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 28px;
}

.saiens-v4 .filtro-zona__label {
	font-size: 12.5px;
	color: var(--muted);
}

.saiens-v4 .filtro-zona .tabs {
	margin-bottom: 0;
	border-bottom: 0;
	gap: 6px;
}

.saiens-v4 .filtro-zona .tab {
	padding: 8px 16px;
	font-size: 13px;
	border: 1px solid var(--line);
	margin-bottom: 0;
}

.saiens-v4 .filtro-zona .tab.is-active {
	border-color: var(--green);
	color: var(--ink);
}

.saiens-v4 .sucursal {
	display: flex;
	flex-direction: column;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line);
}

.saiens-v4 .sucursal__foto img {
	width: 100%;
	height: 170px;
	object-fit: cover;
}

.saiens-v4 .sucursal__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 24px;
}

.saiens-v4 .sucursal__plaza {
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--green);
}

.saiens-v4 .sucursal__name {
	margin: 6px 0 14px;
	font-size: 21px;
	font-weight: 700;
}

.saiens-v4 .sucursal__datos {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 10px;
	margin: 0 0 18px;
	padding-top: 16px;
	border-top: 1px solid var(--line);
}

.saiens-v4 .sucursal__datos > div {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 10px;
}

.saiens-v4 .sucursal__datos dt {
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	color: var(--muted);
	padding-top: 2px;
}

.saiens-v4 .sucursal__datos dd {
	margin: 0;
	font-size: 13px;
}

.saiens-v4 .sucursal__acciones {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	background: var(--line);
	box-shadow: 0 0 0 1px var(--line);
}

.saiens-v4 .sucursal__acciones a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 12px 6px;
	background: #fff;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.6px;
	color: var(--body);
	transition: background-color 0.18s ease, color 0.18s ease;
}

.saiens-v4 .sucursal__acciones a:hover {
	background: var(--green-tint);
	color: var(--green);
}

/* Tabla comparativa ------------------------------------------------------- */

.saiens-v4 .promociones {
	background-color: #fff;
	background-image: radial-gradient(ellipse 37% 50% at 12% 10%, #f7efee 0%, rgba(247, 239, 238, 0) 100%);
}

.saiens-v4 .comparativa {
	overflow-x: auto;
}

.saiens-v4 .comparativa table {
	width: 100%;
	border-collapse: collapse;
	min-width: 860px;
}

.saiens-v4 .comparativa th,
.saiens-v4 .comparativa td {
	padding: 16px 20px;
	border: 1px solid var(--line);
	font-size: 13.5px;
	text-align: center;
	color: var(--body);
}

.saiens-v4 .comparativa thead th:first-child,
.saiens-v4 .comparativa tbody th {
	text-align: left;
	background: var(--surface);
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 400;
	color: var(--body);
}

.saiens-v4 .comparativa thead th:first-child {
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--muted);
}

.saiens-v4 .comparativa thead th {
	padding-top: 46px;
}

.saiens-v4 .comparativa th.comparativa__paquete {
	position: relative;
	background: #fff;
	vertical-align: bottom;
}

.saiens-v4 .comparativa__paquete.is-destacado,
.saiens-v4 .comparativa td.is-destacado {
	background: var(--green-tint);
}

.saiens-v4 .comparativa__ribbon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 6px;
	background-image: linear-gradient(92deg, var(--green), var(--green-2));
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: #fff;
}

.saiens-v4 .comparativa__nombre {
	display: block;
	font-family: var(--font-head);
	font-size: 15px;
	font-weight: 700;
	color: var(--ink);
}

.saiens-v4 .comparativa__precio {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 8px;
	margin-top: 8px;
}

.saiens-v4 .comparativa__precio strong {
	font-family: var(--font-head);
	font-size: 26px;
	font-weight: 700;
	color: var(--ink);
}

.saiens-v4 .comparativa__precio s {
	font-size: 13px;
	color: var(--muted);
}

.saiens-v4 .comparativa__check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	background: #fff;
	color: var(--green);
	box-shadow: inset 0 0 0 1px var(--line);
}

.saiens-v4 .comparativa__pie .btn {
	width: 100%;
}

/* Testimonios ------------------------------------------------------------- */

.saiens-v4 .testimonios {
	background-image: linear-gradient(180deg, #f5f6f6 0%, #edf3f2 100%);
}

.saiens-v4 .calificaciones {
	display: grid;
	grid-template-columns: 1.1fr repeat(3, minmax(0, 1fr));
	margin-bottom: var(--grid-gap);
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line);
}

.saiens-v4 .calificaciones__global {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 26px 30px;
	background: var(--green-deep);
	color: #aec9c3;
}

.saiens-v4 .calificaciones__valor {
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.saiens-v4 .calificaciones__valor strong {
	font-family: var(--font-head);
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
}

.saiens-v4 .calificaciones__total {
	font-size: 12px;
}

.saiens-v4 .calificaciones__fuente {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 26px 30px;
	border-left: 1px solid var(--line);
}

.saiens-v4 .calificaciones__nombre {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--muted);
}

.saiens-v4 .calificaciones__nota {
	display: flex;
	align-items: center;
	gap: 10px;
}

.saiens-v4 .calificaciones__nota strong {
	font-family: var(--font-head);
	font-size: 22px;
	font-weight: 700;
	color: var(--ink);
}

.saiens-v4 .calificaciones__conteo {
	font-size: 12px;
	color: var(--muted);
}

.saiens-v4 .testimonio {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0;
	padding: 28px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line);
}

.saiens-v4 .testimonio blockquote {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.7;
}

.saiens-v4 .testimonio figcaption {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-top: auto;
	padding-top: 18px;
	border-top: 1px solid var(--line);
}

.saiens-v4 .testimonio figcaption strong {
	font-family: var(--font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--ink);
}

.saiens-v4 .testimonio figcaption em {
	font-size: 12px;
	font-style: normal;
	color: var(--muted);
}

/* Contacto ---------------------------------------------------------------- */

.saiens-v4 .contacto {
	background-color: #fff;
	background-image: radial-gradient(ellipse 30% 40% at 62% 5%, #edf0f4 0%, rgba(237, 240, 244, 0) 100%);
}

.saiens-v4 .contacto__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
	gap: 56px;
	align-items: start;
}

.saiens-v4 .contacto__title {
	max-width: 18ch;
	font-size: 42px;
}

.saiens-v4 .contacto__desc {
	max-width: 52ch;
	margin: 16px 0 32px;
	font-size: 15.5px;
}

.saiens-v4 .contacto__vias {
	box-shadow: 0 0 0 1px var(--line);
}

.saiens-v4 .contacto__vias li + li {
	border-top: 1px solid var(--line);
}

.saiens-v4 .contacto__vias a {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 24px;
	transition: background-color 0.18s ease;
}

.saiens-v4 .contacto__vias a:hover {
	background: var(--surface);
}

.saiens-v4 .contacto__vias a > span:nth-child(2) {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

.saiens-v4 .contacto__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: var(--green-tint);
	color: var(--green);
}

.saiens-v4 .contacto__vias strong {
	font-family: var(--font-head);
	font-size: 15px;
	font-weight: 700;
	color: var(--ink);
}

.saiens-v4 .contacto__vias em {
	font-size: 12.5px;
	font-style: normal;
	color: var(--muted);
}

.saiens-v4 .formulario {
	background: #fff;
	box-shadow: 0 0 0 1px var(--line);
}

.saiens-v4 .formulario__cabecera {
	padding: 22px 26px;
	background: var(--surface);
	border-bottom: 1px solid var(--line);
}

.saiens-v4 .formulario__cabecera h3 {
	font-size: 19px;
	font-weight: 700;
}

.saiens-v4 .formulario__cabecera p {
	margin-top: 4px;
	font-size: 12.5px;
	color: var(--muted);
}

.saiens-v4 .formulario__campos {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 26px;
}

.saiens-v4 .formulario__campos label {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.saiens-v4 .formulario__campos label > span {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: var(--body);
}

.saiens-v4 .formulario__campos input,
.saiens-v4 .formulario__campos select {
	padding: 13px 14px;
	border: 1px solid var(--line-strong);
	font-family: var(--font-body);
	font-size: 14px;
	color: var(--ink);
	background: #fff;
}

.saiens-v4 .formulario__campos input:focus,
.saiens-v4 .formulario__campos select:focus {
	outline: 2px solid var(--green);
	outline-offset: -2px;
}

.saiens-v4 .formulario__aviso {
	font-size: 11.5px;
	color: var(--muted);
}

/* Footer ------------------------------------------------------------------ */

.saiens-v4 .site-footer {
	background-image: linear-gradient(101deg, #24282a 8%, #2e3132 54%, #33403d 95%);
	color: #a9aeae;
}

.saiens-v4 .newsletter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 24px;
	padding-block: 34px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.saiens-v4 .newsletter__texto strong {
	display: block;
	font-family: var(--font-head);
	font-size: 17px;
	font-weight: 700;
	color: #fff;
}

.saiens-v4 .newsletter__texto em {
	font-size: 13px;
	font-style: normal;
}

.saiens-v4 .newsletter__form {
	display: flex;
	gap: 10px;
}

.saiens-v4 .newsletter__form input {
	min-width: 300px;
	padding: 13px 16px;
	border: 0;
	background: rgba(255, 255, 255, 0.07);
	color: #fff;
	font-family: var(--font-body);
	font-size: 13.5px;
}

.saiens-v4 .newsletter__form input::placeholder {
	color: #b9bebe;
}

.saiens-v4 .footer-top {
	grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr));
	gap: 40px;
	padding-block: 48px 40px;
}

.saiens-v4 .footer-col-title {
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 1.6px;
	color: #fff;
}

.saiens-v4 .footer-links a {
	font-size: 13px;
}

.saiens-v4 .footer-desc {
	font-size: 13.5px;
}

.saiens-v4 .footer-cert {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	font-size: 12px;
	font-weight: 600;
	color: #d5d8d8;
}

.saiens-v4 .footer-bottom {
	font-size: 12.5px;
	color: #a6abab;
}

.saiens-v4 .footer-social {
	margin: 0;
}

.saiens-v4 .footer-social a {
	width: 34px;
	height: 34px;
	background: rgba(255, 255, 255, 0.07);
}

/* Responsive -------------------------------------------------------------- */

@media (max-width: 1200px) {
	.saiens-v4 .hero__title {
		font-size: 42px;
	}

	.saiens-v4 .section-title,
	.saiens-v4 .distintivos__title,
	.saiens-v4 .tecnologia__title,
	.saiens-v4 .contacto__title,
	.saiens-v4 .resultados__title {
		font-size: 32px;
	}

	.saiens-v4 .tecnologia__puntos {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 1024px) {
	.saiens-v4 .hero__inner,
	.saiens-v4 .servicios__contenido,
	.saiens-v4 .distintivos__inner,
	.saiens-v4 .resultados__inner,
	.saiens-v4 .contacto__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 36px;
	}

	.saiens-v4 .accesos__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.saiens-v4 .acceso:nth-child(odd) {
		border-left: 0;
	}

	.saiens-v4 .acceso:nth-child(n+3) {
		border-top: 1px solid var(--line);
	}

	.saiens-v4 .pasos {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.saiens-v4 .paso:nth-child(odd) {
		border-left: 0;
	}

	.saiens-v4 .paso:nth-child(n+3) {
		border-top: 1px solid var(--line);
	}

	.saiens-v4 .calificaciones {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.saiens-v4 .utilidades__derecha span:first-child {
		display: none;
	}
}

@media (max-width: 820px) {
	.saiens-v4 .hero__title {
		font-size: 32px;
	}

	.saiens-v4 .hero__buscador {
		flex-direction: column;
	}

	.saiens-v4 .hero__categoria {
		border-right: 0;
		border-bottom: 1px solid var(--line);
	}

	.saiens-v4 .servicios__malla,
	.saiens-v4 .distintivos__malla,
	.saiens-v4 .accesos__inner,
	.saiens-v4 .pasos {
		grid-template-columns: minmax(0, 1fr);
	}

	.saiens-v4 .acceso,
	.saiens-v4 .paso {
		border-left: 0 !important;
	}

	.saiens-v4 .acceso + .acceso,
	.saiens-v4 .paso + .paso {
		border-top: 1px solid var(--line);
	}

	.saiens-v4 .tecnologia__puntos {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.saiens-v4 .tecnologia__puntos li {
		padding: 0;
		border-left: 0;
	}

	.saiens-v4 .newsletter__form {
		width: 100%;
		flex-direction: column;
	}

	.saiens-v4 .newsletter__form input {
		min-width: 0;
		width: 100%;
	}

	.saiens-v4 .utilidades__inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		padding-block: 8px;
	}
}

@media (max-width: 600px) {
	.saiens-v4 .calificaciones {
		grid-template-columns: minmax(0, 1fr);
	}

	.saiens-v4 .calificaciones__fuente {
		border-left: 0;
		border-top: 1px solid var(--line);
	}

	.saiens-v4 .sucursal__datos > div {
		grid-template-columns: minmax(0, 1fr);
		gap: 2px;
	}
}

/* La columna destacada conserva su tinte también en la cabecera. */
.saiens-v4 .comparativa th.comparativa__paquete.is-destacado {
	background: var(--green-tint);
}

/* Mega menú ---------------------------------------------------------------- */

.saiens-v4 .mega-menu {
	border-top: 1px solid var(--line);
}

.saiens-v4 .mega__inner {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) 300px;
	gap: 0;
	padding-block: 30px;
}

.saiens-v4 .mega__col {
	padding-inline: 26px;
	border-left: 1px solid var(--line);
}

.saiens-v4 .mega__col:first-child {
	padding-left: 0;
	border-left: 0;
}

.saiens-v4 .mega__head {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid var(--line);
}

.saiens-v4 .mega__lista a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 12px;
	font-size: 13.5px;
	color: var(--body);
	transition: background-color 0.18s ease, color 0.18s ease;
}

.saiens-v4 .mega__lista a:hover,
.saiens-v4 .mega__lista a.is-active {
	background: var(--green-tint);
	color: var(--green);
	font-weight: 600;
}

.saiens-v4 .mega__lista em {
	font-size: 12px;
	font-style: normal;
	color: var(--muted);
}

.saiens-v4 .mega__entrega {
	font-size: 11px;
	font-weight: 600;
	color: var(--green);
	white-space: nowrap;
}

.saiens-v4 .mega__ayuda {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 22px;
	margin-left: 26px;
	background: var(--surface);
}

.saiens-v4 .mega__buscar strong {
	display: block;
	margin-bottom: 10px;
	font-family: var(--font-head);
	font-size: 15px;
	font-weight: 700;
	color: var(--ink);
}

.saiens-v4 .mega__buscar {
	padding-bottom: 18px;
	border-bottom: 1px solid var(--line);
}

.saiens-v4 .mega__ayuda form label {
	box-shadow: inset 0 0 0 1px var(--line);
}

.saiens-v4 .mega__contacto p {
	margin-bottom: 12px;
	font-size: 12.5px;
}

.saiens-v4 .mega__contacto .btn {
	width: 100%;
}

.saiens-v4 .mega__pie {
	background: var(--surface);
	border-top: 1px solid var(--line);
}

@media (max-width: 1024px) {
	.saiens-v4 .mega__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

	.saiens-v4 .mega__col {
		padding-inline: 0;
		border-left: 0;
	}

	.saiens-v4 .mega__ayuda {
		margin-left: 0;
		grid-column: 1 / -1;
	}
}

@media (max-width: 600px) {
	.saiens-v4 .mega__inner {
		grid-template-columns: minmax(0, 1fr);
	}

	.saiens-v4 .mega__pie-inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
}

/* El CTA del panel de ayuda cabe en una línea. */
.saiens-v4 .mega__contacto .btn {
	padding-inline: 14px;
	font-size: 11px;
	letter-spacing: 0.8px;
}