/* ══════════════════════════════════════════════════════════
   APÓSTOL HERO — Minimal · foto completa · texto izquierda
   Paleta tenue: crema · verde salvia · arena
   ══════════════════════════════════════════════════════════ */

body.page-hero .ap-hero.hero-foto {
  --hero-crema: #f7f4ef;
  --hero-crema-suave: rgba(247, 244, 239, 0.72);
  --hero-acento: #a8b5a0;
  --hero-arena: #c4b8a8;
  --hero-velo: rgba(38, 42, 40, 0.68);

  position: relative !important;
  display: block !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  overflow: hidden !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

body.page-hero .ap-hero.hero-foto .ap-hero-particles {
  display: none !important;
}

/* Foto a pantalla completa */
body.page-hero .ap-hero.hero-foto .hero-foto__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
}

body.page-hero .ap-hero.hero-foto .hero-foto__bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 52% 10% !important;
  transform: none !important;
  display: block !important;
}

/* Velo suave solo a la izquierda */
body.page-hero .ap-hero.hero-foto .hero-foto__overlay--dark {
  background: linear-gradient(
    100deg,
    var(--hero-velo) 0%,
    rgba(38, 42, 40, 0.34) 40%,
    transparent 65%
  ) !important;
}

/* Texto: izquierda, mitad de la página */
body.page-hero .ap-hero.hero-foto .ap-hero-inner {
  position: absolute !important;
  z-index: 3 !important;
  top: 50% !important;
  bottom: auto !important;
  left: clamp(1.5rem, 6vw, 5.5rem) !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  width: min(420px, 86vw) !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  text-align: left !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

body.page-hero .ap-hero.hero-foto .ap-hero-texto-col {
  display: block !important;
  text-align: left !important;
}

/* Etiqueta — sin caja dorada, sin icono */
body.page-hero .ap-hero.hero-foto .ap-badge {
  display: block !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--hero-crema-suave) !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 1rem !important;
  box-shadow: none !important;
}

body.page-hero .ap-hero.hero-foto .ap-badge i,
body.page-hero .ap-hero.hero-foto .ap-badge::before {
  display: none !important;
}

/* Nombre */
body.page-hero .ap-hero.hero-foto .ap-hero-nombre {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: clamp(2.2rem, 5vw, 3.4rem) !important;
  color: var(--hero-crema) !important;
  line-height: 1.1 !important;
  margin: 0 0 1rem !important;
  text-shadow: none !important;
}

body.page-hero .ap-hero.hero-foto .ap-hero-nombre em {
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 0.92em !important;
  color: var(--hero-arena) !important;
  display: block !important;
  margin-top: 0.2em !important;
}

/* Cita */
body.page-hero .ap-hero.hero-foto .ap-hero-subtitulo {
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--hero-crema-suave) !important;
  line-height: 1.7 !important;
  margin: 0 0 1.5rem !important;
  max-width: 36ch !important;
}

body.page-hero .ap-hero.hero-foto .ap-hero-divisor {
  display: none !important;
}

/* Pills — solo texto con punto, sin iconos ni cajas */
body.page-hero .ap-hero.hero-foto .ap-hero-pills {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  margin: 0 0 1.5rem !important;
  justify-content: flex-start !important;
}

body.page-hero .ap-hero.hero-foto .ap-pill {
  display: block !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  color: rgba(247, 244, 239, 0.55) !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  animation: none !important;
  transform: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.page-hero .ap-hero.hero-foto .ap-pill::before {
  content: '·' !important;
  margin-right: 0.45rem !important;
  color: var(--hero-acento) !important;
}

body.page-hero .ap-hero.hero-foto .ap-pill i {
  display: none !important;
}

body.page-hero .ap-hero.hero-foto .ap-pill:hover {
  color: var(--hero-crema) !important;
  background: none !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Redes — texto plano, sin iconos ni círculos */
body.page-hero .ap-hero.hero-foto .ap-hero-redes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1.25rem !important;
}

body.page-hero .ap-hero.hero-foto .ap-red {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(247, 244, 239, 0.42) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.page-hero .ap-hero.hero-foto .ap-red i,
body.page-hero .ap-hero.hero-foto .ap-red svg {
  display: none !important;
}

body.page-hero .ap-hero.hero-foto .ap-red.yt,
body.page-hero .ap-hero.hero-foto .ap-red.fb,
body.page-hero .ap-hero.hero-foto .ap-red.ig {
  background: none !important;
  color: rgba(247, 244, 239, 0.42) !important;
}

body.page-hero .ap-hero.hero-foto .ap-red:hover {
  color: var(--hero-arena) !important;
  background: none !important;
  transform: none !important;
  border: none !important;
}

/* Scroll — línea fina, sin icono */
body.page-hero .ap-hero.hero-foto .ap-hero-scroll-hint {
  position: absolute !important;
  bottom: 1.5rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: none !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  animation: none !important;
  z-index: 3 !important;
  padding: 0 !important;
  color: transparent !important;
}

body.page-hero .ap-hero.hero-foto .ap-hero-scroll-hint i {
  display: none !important;
}

body.page-hero .ap-hero.hero-foto .ap-hero-scroll-hint::after {
  content: '' !important;
  display: block !important;
  width: 1px !important;
  height: 32px !important;
  background: linear-gradient(to bottom, rgba(168, 181, 160, 0.55), transparent) !important;
}

@media (max-width: 640px) {
  body.page-hero .ap-hero.hero-foto .hero-foto__bg img {
    object-position: 48% 8% !important;
  }

  body.page-hero .ap-hero.hero-foto .ap-hero-inner {
    left: 1.25rem !important;
    width: calc(100% - 2.5rem) !important;
  }

  body.page-hero .ap-hero.hero-foto .hero-foto__overlay--dark {
    background: linear-gradient(
      180deg,
      rgba(38, 42, 40, 0.3) 0%,
      rgba(38, 42, 40, 0.58) 50%,
      rgba(38, 42, 40, 0.75) 100%
    ) !important;
  }
}