/* ==========================================================================
   TRINITY — DESARROLLADORAS INMOBILIARIAS · Commercial Funnel Master v1.1

   Solo lo propio de esta industria. El resto vive en
   shared/funnel-industria.css.
   ========================================================================== */

/* --- Cierre del diagrama del ciclo (§19.3) ------------------------------- */
.flujo__cierre{
  max-width:64ch;margin-top:var(--s-8);
  font-size:var(--t-sm);color:var(--c-on-dark-2);
}


/* --- Hero con asset pendiente: el placeholder ocupa la columna entera ---- */
.hero__figure--pendiente{display:grid}
.hero__figure--pendiente .pendiente{
  position:relative;z-index:1;height:100%;
  min-height:clamp(380px,44vw,560px);aspect-ratio:auto;
}
@media(max-width:980px){
  .hero__figure--pendiente .pendiente{min-height:clamp(260px,54vw,400px)}
}

/* ==========================================================================
   08 · EVIDENCIA (§19.8)

   Tres operaciones distintas confluyendo en una lectura gerencial. Se dibuja
   con tipografía y reglas: la evidencia es una arquitectura diseñada, no un
   caso con resultados, así que no lleva logo ni fotografía.
   ========================================================================== */

.tres__grid{
  display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(32px,5vw,72px);align-items:center;
  margin-top:clamp(40px,5vw,64px);
}
.tres{
  display:grid;justify-items:center;gap:0;margin:0;
  padding:var(--s-8) var(--s-6);
  background:var(--c-cloud);border-top:3px solid var(--c-navy);
}
.tres__ramas{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:var(--s-4);width:100%;margin:0;padding:0;list-style:none;
}
.tres__ramas li{
  display:grid;justify-items:center;gap:var(--s-3);
  padding:var(--s-5) var(--s-2);text-align:center;
  background:var(--c-white);border:1px solid var(--c-line);
}
.tres__ramas b{font:700 var(--t-meta)/1.2 var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--c-navy)}

/* Bajada única desde las tres ramas hacia la visión gerencial. */
.tres__baja{
  position:relative;display:block;width:2px;height:44px;
  background:var(--c-line-strong);
}
.tres__baja::after{
  content:"";position:absolute;left:50%;bottom:0;
  width:10px;height:10px;margin-left:-6px;
  border-right:2px solid var(--c-red);border-bottom:2px solid var(--c-red);
  transform:rotate(45deg);
}
.f-js .tres__baja{transform:scaleY(0);transform-origin:top}
.f-js .tres.is-visible .tres__baja{transform:none;transition:transform .5s var(--ease) .25s}

.tres__destino{
  display:flex;align-items:center;gap:var(--s-4);
  padding:var(--s-5) var(--s-8);
  background:var(--c-navy);
}
.tres__destino b{font:700 var(--t-h4)/1.2 var(--f-display);color:#fff}
.tres__destino .ico{stroke:var(--c-red-bright)}

@media(max-width:900px){
  .tres__grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .tres__ramas{grid-template-columns:1fr;gap:var(--s-3)}
  .tres__ramas li{grid-template-columns:auto 1fr;justify-items:start;text-align:left;padding:var(--s-4)}
  .tres__destino{width:100%;justify-content:center;padding-inline:var(--s-5)}
}

/* ==========================================================================
   09 · POR QUÉ TRINITY sin fotografía

   Mientras no exista una fotografía sectorial propia, la sección se sostiene
   con tipografía. Reutilizar la foto de Constructoras confundiría las dos
   verticales, que §17 pide mantener separadas.
   ========================================================================== */

.porque--sinfoto .porque__head{max-width:var(--w-text)}
.porque--sinfoto .porque__intro{margin-top:var(--s-6)}
.porque--sinfoto .porque__intro p+p{margin-top:var(--s-4)}

.porque__pilares--fila{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(24px,3vw,44px);margin-top:clamp(40px,5vw,64px);
}
.porque__pilares--fila li{
  padding:var(--s-6) 0 0;border-top:2px solid var(--c-navy);border-bottom:0;
}
.porque__pilares--fila li:last-child{border-bottom:0}

@media(max-width:900px){
  .porque__pilares--fila{grid-template-columns:1fr;gap:0}
  .porque__pilares--fila li{padding-block:var(--s-5);border-top:1px solid var(--c-line)}
  .porque__pilares--fila li:first-child{border-top:2px solid var(--c-navy)}
}

@media(prefers-reduced-motion:reduce){
  .f-js .tres__baja{transform:none!important}
}