/* ==========================================================================
   MediActiv - home.css - Ajustes especificos de la home (cargado tras main.css).
   ========================================================================== */

/* ---- Hero home: texto alineado a la izquierda ---- */
.mc-hero:not(.mc-collection__hero){
	text-align:left;
	justify-content:flex-start;
	padding-inline:clamp(20px,6vw,92px);
}
.mc-hero:not(.mc-collection__hero) .mc-hero__panel{
	align-items:flex-start;
	max-width:620px;
	text-align:left;
}
.mc-hero:not(.mc-collection__hero) .mc-hero__text{max-width:46ch}

/* H1 hero: algo mas pequeno + lineas equilibradas (mismo aspecto en cualquier pantalla) */
.mc-hero:not(.mc-collection__hero) .mc-hero__title{
	font-size:clamp(1.9rem,4.2vw,3.2rem);
	line-height:1.14;
	text-wrap:balance;        /* equilibra la longitud de cada linea */
	-webkit-hyphens:none;hyphens:none;
}

/* ---- Seccion Valores: fondo claro (gris marca) + texto oscuro ---- */
.mc-values{background:var(--mc-bg-2);color:var(--mc-ink)}
.mc-values.is-dark{background-image:none}              /* quita patron blanco tenue */
.mc-values .mc-value__title{color:var(--mc-ink)}
.mc-values .mc-value__text{color:var(--mc-muted)}
.mc-values .mc-value__icon{background:rgba(23,44,58,.06)}  /* circulo icono visible sobre claro */

/* ---- Imagen de fondo mas visible: sin capa oscura completa ----
   Solo un degradado suave por la izquierda (detras del texto) para legibilidad. */
.mc-hero:not(.mc-collection__hero)::after{
	background:linear-gradient(to right,rgba(0,0,0,.34) 0%,rgba(0,0,0,.10) 40%,rgba(0,0,0,0) 62%);
}

/* ---- Declaracion de marca: banda de texto centrada (bajo el hero). Titulo = H2, no H1. ---- */
.mc-brand{padding:clamp(48px,7vw,88px) 0;background:var(--mc-bg-2);text-align:center}
.mc-brand.is-dark{background:var(--mc-ink);color:var(--mc-on-dark)}
.mc-brand__inner{max-width:820px;margin-inline:auto;padding-inline:var(--mc-gut)}
.mc-brand__title{font-size:clamp(1.5rem,3.4vw,2.4rem);letter-spacing:-.02em;margin:.4rem 0 1.1rem;text-wrap:balance}
.mc-brand__text{font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.75;color:var(--mc-muted)}
.mc-brand__text p{margin:0 0 1rem}
.mc-brand__text p:last-child{margin-bottom:0}
.mc-brand.is-dark .mc-brand__text{color:var(--mc-on-dark)}