/* Baruc Security · v2 (13-oct-2026): el protagonista es el personal (dirección de Franco).
   Va después de sitio.css. */

.hero--gente { padding: 0; display: block; min-height: 0; }
.hero--gente .hero__texto {
  display: grid; min-height: 100svh; text-align: left; align-items: start;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
  grid-template-rows: 1fr auto auto auto auto auto 1fr;
  column-gap: clamp(32px, 4vw, 72px);
  padding-left: max(var(--gutter), calc((100vw - var(--ancho)) / 2));
}
.hero--gente .hero__rotulo { grid-column: 1; grid-row: 2; margin-top: var(--nav-h); }
.hero--gente .hero__titulo { grid-column: 1; grid-row: 3; font-size: clamp(2.4rem, 4.4vw, 4.3rem); max-width: 13ch; }
.hero--gente .hero__lead { grid-column: 1; grid-row: 4; max-width: 46ch; }
.hero--gente .hero__acciones { grid-column: 1; grid-row: 5; justify-content: flex-start; }
.hero__lema { grid-column: 1; grid-row: 6; margin-top: 2rem; font: 400 1.25rem/1.3 var(--f-display); color: var(--c-oro-claro); display: flex; align-items: center; gap: .8rem; animation: subir 1.1s .55s var(--ease) both; }
.hero__lema::before { content: ""; width: 34px; height: 1px; background: var(--c-oro); }
.hero__foto { grid-column: 2; grid-row: 1 / -1; position: relative; margin: 0; align-self: stretch; overflow: hidden; }
.hero__foto picture, .hero__foto img { width: 100%; height: 100%; }
.hero__foto img { object-fit: cover; object-position: 55% 30%; animation: acercar 14s var(--ease) forwards; transform: scale(1.06); }
.hero__foto::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, var(--c-negro) 0%, rgba(11, 11, 13, .35) 22%, transparent 45%), linear-gradient(0deg, rgba(11, 11, 13, .55), transparent 30%), linear-gradient(180deg, rgba(11, 11, 13, .8) 0%, rgba(11, 11, 13, .35) 10%, transparent 22%); }
.hero__sello { position: absolute; z-index: 2; left: clamp(40px, 6vw, 120px); bottom: 36px; display: inline-flex; align-items: center; gap: .7rem; padding: .7rem 1.1rem .7rem .8rem; border-radius: 999px; background: rgba(11, 11, 13, .62); backdrop-filter: blur(10px); border: 1px solid rgba(234, 208, 138, .4); font: 600 .9rem/1 var(--f-rotulo); letter-spacing: .14em; text-transform: uppercase; color: var(--c-claro); animation: subir 1.1s .7s var(--ease) both; }
.hero__sello img { width: 24px; height: auto; }

/* Nuestra gente */
.gente__in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); grid-template-rows: auto 1fr; column-gap: clamp(32px, 5vw, 80px); row-gap: 1.6rem; align-items: start; }
.gente__cabeza { grid-column: 2; grid-row: 1; }
.gente__foto { grid-column: 1; grid-row: 1 / 3; aspect-ratio: 4 / 3.4; }
.gente__texto { grid-column: 2; grid-row: 2; }
.gente__lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem 1.6rem; margin-top: 1.8rem; }
.gente__lista li { display: grid; gap: .6rem; }
.gente__ico { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--c-negro); color: var(--c-oro-claro); transition: transform .4s var(--ease); }
.gente__lista li:hover .gente__ico { transform: rotate(-8deg) scale(1.06); }
.gente__lista h3 { font-size: 1.25rem; margin-bottom: .2rem; }
.gente__lista p { color: var(--c-tinta-2); font-size: .98rem; }

/* Minería: foto a sangre por la derecha */
.mineria { overflow: hidden; isolation: isolate; min-height: min(100svh, 820px); display: grid; align-items: center; }
.mineria__foto { position: absolute; inset: 0 0 0 38%; z-index: -1; }
.mineria__foto picture, .mineria__foto img { width: 100%; height: 100%; }
.mineria__foto img { object-fit: cover; object-position: 30% 40%; }
.mineria__foto::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, var(--c-negro) 0%, rgba(11, 11, 13, .6) 30%, rgba(11, 11, 13, .05) 70%); }
.mineria__texto { max-width: 560px; }
.mineria__texto .lead { margin: 1.1rem 0 0; }
.mineria__texto .etiquetas { margin: 1.6rem 0 2rem; }
.etiquetas .etiquetas--destacada { background: var(--g-oro); color: var(--c-negro); border-color: transparent; }

/* Tarjetas de servicio con foto */
.servicios-foto { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); }
.tarjeta-foto { display: flex; flex-direction: column; text-decoration: none; border-radius: var(--radio-g); overflow: hidden; background: var(--c-blanco); border: 1px solid var(--c-linea); transition: transform .5s var(--ease), box-shadow .5s var(--ease), border-color .3s; }
.tarjeta-foto:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -30px rgba(22, 23, 27, .4); border-color: rgba(201, 162, 74, .5); }
.tarjeta-foto__img { position: relative; aspect-ratio: 4 / 3; overflow: hidden; display: block; }
.tarjeta-foto__img picture, .tarjeta-foto__img img { width: 100%; height: 100%; }
.tarjeta-foto__img img { object-fit: cover; transition: transform 1s var(--ease); }
.tarjeta-foto:hover .tarjeta-foto__img img { transform: scale(1.06); }
.tarjeta-foto__cuerpo { position: relative; display: flex; flex-direction: column; gap: .7rem; padding: 2.2rem clamp(22px, 2.4vw, 32px) 1.8rem; flex: 1; }
.tarjeta-foto__ico { position: absolute; top: -26px; left: clamp(22px, 2.4vw, 32px); width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--c-negro); color: var(--c-oro-claro); box-shadow: 0 0 0 4px var(--c-blanco), inset 0 0 0 1px rgba(234, 208, 138, .4); }
.tarjeta-foto h3 { font-size: 1.5rem; }
.tarjeta-foto p { color: var(--c-tinta-2); flex: 1; }
.tarjeta-foto:hover .enlace .ico { transform: translateX(4px); }
.pasos-sec .paso__marca { box-shadow: 0 0 0 6px var(--c-blanco), inset 0 0 0 1px rgba(234, 208, 138, .4); }

/* Interiores con foto */
.fila__medio--foto::before { display: none; }
.fila__medio--foto picture, .fila__medio--foto img { width: 100%; height: 100%; }
.fila__medio--foto img { object-fit: cover; transition: transform 1.2s var(--ease); }
.fila:hover .fila__medio--foto img { transform: scale(1.04); }
.fila__medio--foto .fila__num { z-index: 1; color: rgba(255, 255, 255, .6); text-shadow: 0 2px 20px rgba(0, 0, 0, .6); }
.cabecera--foto { min-height: min(78svh, 680px); display: grid; align-items: end; }
.cabecera--foto::after { display: none; }
.cabecera__foto { position: absolute; inset: 0; z-index: -2; }
.cabecera__foto picture, .cabecera__foto img { width: 100%; height: 100%; }
.cabecera__foto { left: 30%; }
.cabecera__foto img { object-fit: cover; object-position: 60% 30%; }
.cabecera--foto::before { z-index: -1; background: linear-gradient(90deg, rgba(11, 11, 13, .96) 0%, rgba(11, 11, 13, .88) 38%, rgba(11, 11, 13, .25) 72%, rgba(11, 11, 13, .1) 100%), linear-gradient(0deg, rgba(11, 11, 13, .85), transparent 40%), linear-gradient(180deg, rgba(11, 11, 13, .7), transparent 25%); }
.cabecera--foto .lead { max-width: 46ch; }
.cabecera .lead { color: var(--c-claro-2); }
.cabecera .rotulo { color: var(--c-oro-claro); }
.cabecera--foto h1 { max-width: 15ch; }
.equipo-banda { position: relative; border-radius: var(--radio-g); overflow: hidden; aspect-ratio: 21 / 9; margin-top: clamp(32px, 4vw, 56px); }
.equipo-banda picture, .equipo-banda img { width: 100%; height: 100%; }
.equipo-banda img { object-fit: cover; object-position: 50% 30%; }

@media (max-width: 1024px) {
  .servicios-foto { grid-template-columns: minmax(0, 1fr); }
  .tarjeta-foto { flex-direction: row; }
  .tarjeta-foto__img { aspect-ratio: auto; width: 40%; flex: none; }
  .tarjeta-foto__ico { top: 22px; left: auto; right: 22px; width: 44px; height: 44px; box-shadow: inset 0 0 0 1px rgba(234, 208, 138, .4); }
  .tarjeta-foto__cuerpo { padding: 1.6rem 1.4rem; }
  .tarjeta-foto h3 { padding-right: 52px; }
}
@media (max-width: 900px) {
  .hero--gente .hero__texto { display: flex; flex-direction: column; min-height: 0; padding: calc(var(--nav-h) + 26px) var(--gutter) 84px; }
  .hero--gente .hero__rotulo { margin-top: 0; }
  .hero__foto { order: 3; width: calc(100% + 2 * var(--gutter)); margin: 1.4rem calc(-1 * var(--gutter)) 0; aspect-ratio: 4 / 3; }
  .hero__foto::before { background: linear-gradient(0deg, var(--c-negro) 0%, transparent 30%), linear-gradient(180deg, var(--c-negro) 0%, transparent 18%); }
  .hero__sello { left: var(--gutter); right: auto; bottom: 18px; font-size: .78rem; }
  .hero--gente .hero__lead { order: 4; margin-top: 1rem; }
  .hero--gente .hero__acciones { order: 5; }
  .hero__lema { order: 6; font-size: 1.1rem; }
  .gente__in { grid-template-columns: minmax(0, 1fr); }
  .gente__cabeza, .gente__foto, .gente__texto { grid-column: 1; grid-row: auto; }
  .mineria { min-height: 0; padding-top: 0; }
  .mineria__foto { position: relative; inset: auto; height: 46svh; margin-bottom: -60px; }
  .mineria__foto::before { background: linear-gradient(0deg, var(--c-negro) 5%, transparent 50%); }
  .cabecera--foto { min-height: 0; }
  .equipo-banda { aspect-ratio: 4 / 3; }
}
@media (max-width: 640px) {
  .hero--gente .hero__titulo { font-size: 2.35rem; }
  .gente__lista { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .gente__lista li { grid-template-columns: 46px minmax(0, 1fr); gap: .9rem; align-items: start; }
  .tarjeta-foto { flex-direction: column; }
  .tarjeta-foto__img { width: 100%; aspect-ratio: 16 / 9; }
  .tarjeta-foto__ico { top: -22px; right: 18px; box-shadow: 0 0 0 4px var(--c-blanco), inset 0 0 0 1px rgba(234, 208, 138, .4); }
}

/* Responsive v2.1 (13-oct-2026): cabeceras con foto en tablet/celular = título → foto → texto (regla de Franco) */
@media (max-width: 900px) {
  .cabecera--foto { display: flex; flex-direction: column; align-items: stretch; padding-bottom: clamp(40px, 8vw, 64px); }
  .cabecera--foto .rotulo, .cabecera--foto .migas { align-self: flex-start; }
  .cabecera--foto::before { display: none; }
  .cabecera--foto .envoltura { display: contents; }
  .cabecera--foto .envoltura > * { margin-inline: var(--gutter); }
  .cabecera--foto .migas { order: 1; }
  .cabecera--foto .rotulo { order: 2; }
  .cabecera--foto h1 { order: 3; max-width: none; }
  .cabecera__foto { order: 4; position: relative; inset: auto; left: auto; z-index: auto; margin-top: 1.4rem; aspect-ratio: 16 / 10; overflow: hidden; }
  .cabecera__foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, var(--c-negro) 0%, transparent 28%); }
  .cabecera__foto img { object-position: 50% 30%; }
  .cabecera--foto .lead { order: 5; margin-top: 1rem; }
  .cabecera--foto .cabecera__acciones { order: 6; }
  .gente__foto { aspect-ratio: 16 / 10; }
  .mineria__foto { height: min(46svh, 420px); }
}
@media (max-width: 640px) {
  .cabecera--foto .cabecera__acciones { flex-direction: column; align-items: stretch; }
  .cabecera--foto .cabecera__acciones .boton { width: 100%; }
  .gente__foto { aspect-ratio: 4 / 3; }
}