/* =========================================================================
   AZAHAR DATA INSIGHTS — CSS de página: ficha de equipo
   Extraído del HTML publicado el 19/07/2026, que es la versión vigente.
   Incorpora la escala tipográfica v3 y el !important que evita que el
   importador de Bricks normalice los px a rem.
   Las clases globales azh-* NO se redefinen aquí: viven en azh-globals.css.
   Fuente de verdad: este fichero. La plantilla Jinja2 ya no lleva estilos.
   ========================================================================= */

/* Tipografía: tamaños canónicos del sistema en px absolutos.
     !important evita que el importador de Bricks los normalice a rem.
     Los headings h1-h3 siguen heredando del Theme Style Azahar Global. */
  /* =========================================================
     AZAHAR — FICHA DE EQUIPO (v1.0)
     Solo clases específicas del tipo "ficha".
     Las clases globales azh-* viven en azh-globals.css.

     La ficha SÍ tiene acento de página (azh-accent--{color}): turquesa
     para Julia, morado para Rubén. El acento se usa en el cuadrado de la
     foto, la barra de formación, la pill activa y la cinta de la tarjeta
     de metodología. El resto de colores (mosaico, morado de casos) van
     fijos por elemento, como en el sistema multicolor.
     ========================================================= */

  /* === WRAPPER RAÍZ (B6: no redefinir .ficha-page directa) === */
  .ficha-page * { box-sizing: border-box; }

  /* === BREADCRUMB === */
  .ficha-page .ficha-breadcrumb {
    padding-top: 32px;
    padding-right: 40px;
    padding-bottom: 0;
    padding-left: 40px;
  }
  .ficha-page .ficha-breadcrumb__inner { max-width: 1100px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .ficha-page .ficha-breadcrumb__list { font-size: 17px !important; color: var(--azahar-oxford-50, rgba(5, 37, 76, 0.5)); }
  .ficha-page .ficha-breadcrumb__list a { color: var(--azahar-oxford-50, rgba(5, 37, 76, 0.5)); text-decoration: none; }
  .ficha-page .ficha-breadcrumb__list a:hover { color: var(--azahar-oxford, #05254c); }
  .ficha-page .ficha-breadcrumb__sep { margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 10px; color: var(--azahar-oxford-15, rgba(5, 37, 76, 0.15)); }
  .ficha-page .ficha-breadcrumb__current { color: var(--azahar-oxford, #05254c); }

  /* === HERO (firma de correo) === */
  .ficha-page .ficha-hero {
    padding-top: 56px;
    padding-right: 40px;
    padding-bottom: 72px;
    padding-left: 40px;
  }
  .ficha-page .ficha-hero__inner {
    max-width: 1100px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
    display: grid; grid-template-columns: 220px 1fr; column-gap: 64px; align-items: start;
  }
  .ficha-page .ficha-hero__photo { position: relative; width: 220px; height: 220px; flex-shrink: 0; }
  .ficha-page .ficha-hero__photo-img { position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; display: block; }
  .ficha-page .ficha-hero__photo-img img { width: 100%; height: 100%; display: block; object-fit: cover; }
  .ficha-page .ficha-hero__photo-deco {
    position: absolute; width: 200px; height: 200px; z-index: 1;
    top: 20px; left: 20px;
    background: linear-gradient(135deg, var(--accent-light) 0%, var(--accent-color) 100%);
  }
  .ficha-page .ficha-hero__body { padding-top: 8px; }
  .ficha-page .ficha-hero__name { color: var(--azahar-oxford, #05254c); margin: 0 0 12px; letter-spacing: -0.02em; }
  .ficha-page .ficha-hero__role {
    font-size: 18px !important; font-weight: 500; line-height: 1.5;
    color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0; max-width: 560px;
  }
  .ficha-page .ficha-hero__bar {
    width: 88px; height: 5px; margin-top: 24px; margin-bottom: 24px;
    background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-light) 100%);
  }
  .ficha-page .ficha-hero__social { display: flex; flex-wrap: wrap; gap: 12px; }
  .ficha-page .ficha-social-link {
    display: inline-flex; align-items: center; gap: 8px;
    padding-top: 9px; padding-right: 16px; padding-bottom: 9px; padding-left: 16px;
    box-shadow: inset 0 0 0 1px rgba(5, 37, 76, 0.15);
    font-size: 14px !important; font-weight: 600; letter-spacing: 0.01em;
    color: var(--azahar-oxford, #05254c); text-decoration: none;
    background: var(--azahar-white, #ffffff);
    transition: box-shadow 0.2s ease, color 0.2s ease;
  }
  .ficha-page .ficha-social-link:hover { box-shadow: inset 0 0 0 1px var(--accent-color); color: var(--accent-color); }
  .ficha-page .ficha-social-link svg { width: 16px; height: 16px; flex-shrink: 0; }

  /* === BIO (columna de lectura estrecha) === */
  .ficha-page .ficha-bio {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 88px;
    padding-left: 40px;
  }
  .ficha-page .ficha-bio__inner { max-width: 760px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .ficha-page .ficha-bio__eyebrow {
    font-size: 17px !important; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
    color: var(--accent-color); margin: 0 0 24px;
  }
  .ficha-page .ficha-bio__text p { font-size: 16px !important; line-height: 1.7; color: var(--azahar-oxford-90, rgba(5, 37, 76, 0.9)); margin: 0 0 22px; }
  .ficha-page .ficha-bio__text p:last-child { margin-bottom: 0; }

  /* === SEPARADOR MOSAICO (heredado de sobre-sep) === */
  .ficha-page .ficha-sep { width: 100%; }
  .ficha-page .ficha-sep__row { display: grid; }
  .ficha-page .ficha-sep__row--top { grid-template-columns: 1fr 1fr; height: 48px; }
  .ficha-page .ficha-sep__row--bottom { grid-template-columns: 1fr; height: 48px; }
  .ficha-page .ficha-sep__band { width: 100%; height: 100%; }
  .ficha-page .ficha-sep__band--turquesa { background: linear-gradient(90deg, #0eafa7 0%, #ffffff 100%); }
  .ficha-page .ficha-sep__band--naranja { background: linear-gradient(90deg, #f59b00 0%, #ffffff 100%); }
  .ficha-page .ficha-sep__band--rosa { background: linear-gradient(90deg, #ffd6f0 0%, #ff61c4 100%); }

  /* === RESPIRO BLANCO === */
  .ficha-page .ficha-air { height: 96px; background: var(--azahar-white, #ffffff); }

  /* === FORMACIÓN (bloque único Oxford Blue: académica + complementaria) === */
  .ficha-page .ficha-formacion {
    padding-top: 120px;
    padding-right: 40px;
    padding-bottom: 120px;
    padding-left: 40px;
    background: var(--azahar-oxford, #05254c);
  }
  .ficha-page .ficha-formacion__inner {
    max-width: 1100px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
    display: grid; grid-template-columns: 300px 1fr; column-gap: 64px; align-items: start;
  }
  .ficha-page .ficha-formacion__aside h2 { color: var(--azahar-white, #ffffff); margin: 0; letter-spacing: -0.01em; }
  .ficha-page .ficha-formacion__aside p { font-size: 16px !important; line-height: 1.6; color: rgba(255, 255, 255, 0.7); margin: 20px 0 0; }
  .ficha-page .ficha-formacion__aside-bar { width: 64px; height: 5px; margin-top: 28px; background: var(--accent-color); }
  .ficha-page .ficha-formacion__list { display: flex; flex-direction: column; gap: 0; }
  .ficha-page .ficha-cred {
    display: grid; grid-template-columns: 40px 1fr; column-gap: 24px; align-items: start;
    padding-top: 28px; padding-bottom: 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }
  .ficha-page .ficha-cred:first-child { padding-top: 0; border-top: none; }
  .ficha-page .ficha-cred:last-child { padding-bottom: 0; }
  .ficha-page .ficha-cred__icon { width: 32px; height: 32px; margin-top: 2px; }
  .ficha-page .ficha-cred__icon svg { width: 100%; height: 100%; display: block; }
  .ficha-page .ficha-cred__body { padding-top: 2px; }
  .ficha-page .ficha-cred__title { font-size: 17px !important; font-weight: 600; color: var(--azahar-white, #ffffff); margin: 0 0 4px; }
  .ficha-page .ficha-cred__meta { font-size: 15px !important; line-height: 1.5; color: rgba(255, 255, 255, 0.7); margin: 0; }
  .ficha-page .ficha-cred__meta em { font-style: italic; }

  /* Complementaria integrada debajo, dentro del mismo bloque */
  .ficha-page .ficha-compl { margin-top: 40px; padding-top: 36px; border-top: 1px solid rgba(255, 255, 255, 0.15); }
  .ficha-page .ficha-compl__label {
    font-size: 13px !important; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55); margin: 0 0 28px;
  }
  .ficha-page .ficha-compl__tags { display: flex; flex-wrap: wrap; gap: 12px; }
  .ficha-page .ficha-compl__tag {
    font-size: 14px !important; font-weight: 500; color: var(--azahar-oxford, #05254c);
    padding-top: 10px; padding-right: 18px; padding-bottom: 10px; padding-left: 18px;
    background: var(--azahar-bg-soft, #ecf4fe);
  }

  /* === PUBLICACIONES + DOCENCIA (fondo blanco) === */
  .ficha-page .ficha-academic {
    padding-top: 120px;
    padding-right: 40px;
    padding-bottom: 120px;
    padding-left: 40px;
    background: var(--azahar-white, #ffffff);
  }
  .ficha-page .ficha-academic__inner { max-width: 1100px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .ficha-page .ficha-academic__grid { display: grid; grid-template-columns: 1fr 1.4fr; column-gap: 64px; align-items: start; }
  .ficha-page .ficha-metric { display: flex; flex-direction: column; align-items: flex-start; }
  .ficha-page .ficha-metric__eyebrow {
    font-size: 13px !important; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--azahar-oxford-50, rgba(5, 37, 76, 0.5)); margin: 0 0 20px;
  }
  .ficha-page .ficha-metric__number {
    font-size: 132px !important; font-weight: 600; line-height: 0.9;
    color: var(--azahar-oxford, #05254c); margin: 0; letter-spacing: -0.05em;
  }
  .ficha-page .ficha-metric__label { font-size: 17px !important; line-height: 1.5; color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 16px 0 24px; max-width: 260px; }
  .ficha-page .ficha-metric__link { font-size: 16px !important; font-weight: 600; color: var(--azahar-button, #4F4CC0); letter-spacing: 0.02em; text-decoration: none; }
  .ficha-page .ficha-metric__link:hover { color: var(--azahar-oxford, #05254c); }
  .ficha-page .ficha-academic__aside h3 { color: var(--azahar-oxford, #05254c); margin: 0 0 24px; }
  .ficha-page .ficha-academic__list { display: flex; flex-direction: column; gap: 22px; }
  .ficha-page .ficha-act { display: grid; grid-template-columns: 30px 1fr; column-gap: 18px; align-items: start; }
  .ficha-page .ficha-act__icon { width: 26px; height: 26px; margin-top: 2px; }
  .ficha-page .ficha-act__icon svg { width: 100%; height: 100%; display: block; }
  .ficha-page .ficha-act__text { font-size: 16px !important; line-height: 1.6; color: var(--azahar-oxford-90, rgba(5, 37, 76, 0.9)); margin: 0; }
  .ficha-page .ficha-act__text strong { font-weight: 600; }
  .ficha-page .ficha-act__text em { font-style: italic; }

  /* === CITA MANIFIESTO (Oxford Blue, patrón sobre-quote) === */
  .ficha-page .ficha-quote {
    padding-top: 96px;
    padding-right: 40px;
    padding-bottom: 96px;
    padding-left: 40px;
    background: var(--azahar-oxford, #05254c);
  }
  .ficha-page .ficha-quote__inner { max-width: 820px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .ficha-page .ficha-quote__mark { font-size: 200px !important; line-height: 0.8; color: var(--azahar-white, #ffffff); display: block; margin: 0 0 -40px; }
  .ficha-page .ficha-quote__text { font-size: 26px !important; line-height: 1.5; color: var(--azahar-white, #ffffff); font-weight: 400; font-style: italic; margin: 0; }

  /* === CIERRE DE NAVEGACIÓN (azul claro + fichas blancas) === */
  .ficha-page .ficha-next {
    padding-top: 96px;
    padding-right: 40px;
    padding-bottom: 96px;
    padding-left: 40px;
    background: var(--azahar-bg-soft, #ecf4fe);
  }
  .ficha-page .ficha-next__inner { max-width: 1100px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .ficha-page .ficha-next__header { margin-bottom: 48px; }
  .ficha-page .ficha-next__eyebrow-top { font-size: 13px !important; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--azahar-oxford-50, rgba(5, 37, 76, 0.5)); margin: 0 0 12px; }
  .ficha-page .ficha-next__heading { color: var(--azahar-oxford, #05254c); margin: 0; letter-spacing: -0.01em; }
  .ficha-page .ficha-next__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
  .ficha-page .ficha-next__card {
    display: block; text-decoration: none;
    padding-top: 36px; padding-right: 40px; padding-bottom: 36px; padding-left: 40px;
    background: var(--azahar-white, #ffffff);
    border-left: 5px solid transparent;
    border-image-slice: 1;
    box-shadow: 0 1px 0 rgba(5, 37, 76, 0.08), 0 0 0 1px rgba(5, 37, 76, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .ficha-page .ficha-next__card--metodo { border-image-source: linear-gradient(180deg, #0eafa7 0%, #c6faf8 100%); }
  .ficha-page .ficha-next__card--casos { border-image-source: linear-gradient(180deg, #a25aff 0%, #e8d6ff 100%); }
  .ficha-page .ficha-next__card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(5, 37, 76, 0.15); }
  .ficha-page .ficha-next__eyebrow { font-size: 14px !important; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; margin: 0 0 12px; }
  .ficha-page .ficha-next__card--metodo .ficha-next__eyebrow { color: #0eafa7; }
  .ficha-page .ficha-next__card--casos .ficha-next__eyebrow { color: #a25aff; }
  .ficha-page .ficha-next__title { font-size: 21px !important; font-weight: 600; color: var(--azahar-oxford, #05254c); margin: 0 0 10px; }
  .ficha-page .ficha-next__text { font-size: 16px !important; line-height: 1.6; color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0 0 16px; }
  .ficha-page .ficha-next__link { font-size: 16px !important; font-weight: 600; color: var(--azahar-button, #4F4CC0); letter-spacing: 0.02em; }
  .ficha-page .ficha-next__secondary { margin-top: 36px; text-align: center; }
  .ficha-page .ficha-next__secondary a { font-size: 16px !important; font-weight: 600; color: var(--azahar-oxford, #05254c); text-decoration: none; letter-spacing: 0.02em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--azahar-oxford-15, rgba(5, 37, 76, 0.15)); padding-bottom: 2px; }
  .ficha-page .ficha-next__secondary a:hover { border-bottom-color: var(--azahar-oxford, #05254c); }

  /* === RESPONSIVE (B2: prefijo .ficha-page en todos los selectores) === */
  @media (max-width: 991px) {
    .ficha-page .ficha-hero__inner { grid-template-columns: 1fr; row-gap: 48px; }
    .ficha-page .ficha-formacion__inner { grid-template-columns: 1fr; row-gap: 40px; }
    .ficha-page .ficha-academic__grid { grid-template-columns: 1fr; row-gap: 48px; }
    .ficha-page .ficha-next__grid { grid-template-columns: 1fr; }
  }
  @media (max-width: 767px) {
    .ficha-page .ficha-breadcrumb { padding-left: 24px; padding-right: 24px; }
    .ficha-page .ficha-hero { padding-left: 24px; padding-right: 24px; }
    .ficha-page .ficha-bio { padding-left: 24px; padding-right: 24px; }
    .ficha-page .ficha-formacion { padding-left: 24px; padding-right: 24px; }
    .ficha-page .ficha-academic { padding-left: 24px; padding-right: 24px; }
    .ficha-page .ficha-quote { padding-left: 24px; padding-right: 24px; }
    .ficha-page .ficha-next { padding-left: 24px; padding-right: 24px; }
    .ficha-page .ficha-metric__number { font-size: 104px !important; }
    .ficha-page .ficha-quote__mark { font-size: 140px !important; margin-bottom: -24px; }
    .ficha-page .ficha-quote__text { font-size: 21px !important; }
  }
  @media (max-width: 479px) {
    .ficha-page .ficha-hero__social { gap: 8px; }
    .ficha-page .ficha-metric__number { font-size: 88px !important; }
  }