/* =========================================================================
   AZAHAR DATA INSIGHTS — CSS de página: sobre
   Extraído de plantillas/sobre.html.j2 (fase 2 del refactor CSS).
   Las clases globales azh-* NO se redefinen aquí: viven en azh-globals.css.
   Fuente de verdad: este fichero. La plantilla Jinja2 ya no lleva <style>.
   ========================================================================= */

/* =========================================================
     AZAHAR — PÁGINA SOBRE NOSOTROS (v2.6)
     Solo clases específicas del tipo "sobre".
     Las clases globales azh-* viven en azh-globals.css.

     PÁGINA MULTICOLOR: no declara azh-accent--{color}. El acento único
     es solo para servicios y casos. Aquí cada elemento lleva su propio
     color de marca hardcoded, y los iconos van en Oxford Blue
     (azh-icon--oxford). El CTA, que en otros tipos usa --accent-light,
     recibe aquí un --accent-light neutro (azul de marca muy claro).
     ========================================================= */

  /* === WRAPPER RAÍZ ===
     .sobre-page ya está en Bricks Style Manager con box-sizing y color.
     NO redefinir aquí — causa diálogo CONFLICT en import. */
  .sobre-page * { box-sizing: border-box; }

  /* CTA en página multicolor: --accent-light neutro (no hay acento único).
     Se define en selector compuesto para no redefinir .sobre-page directa. */
  .sobre-page .azh-cta-section__inner { --accent-light: var(--azahar-bg-soft, #ecf4fe); }

  /* === HERO ===
     LONGHAND EXPLÍCITO: nunca shorthand padding con var() en Bricks. */
  .sobre-hero {
    padding-top: 96px;
    padding-right: 40px;
    padding-bottom: 72px;
    padding-left: 40px;
  }
  .sobre-hero__inner { max-width: 1200px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .sobre-hero__stack { display: flex; flex-direction: column; gap: 28px; }
  .sobre-hero__title { color: var(--azahar-oxford, #05254c); margin: 0; letter-spacing: -0.02em; }
  .sobre-hero__subtitle { color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0; max-width: 720px; }

  /* === FRANJA MOSAICO (full-width, edge-to-edge nativo) ===
     2 filas a sangre. Fila 1: morado | rosa. Fila 2: rojo (cola) | turquesa | naranja.
     Todos los degradados intenso->blanco salvo el rojo, que arranca claro (cola final). */
  .sobre-hero__strip { width: 100%; }
  .sobre-hero__strip-row { display: grid; }
  .sobre-hero__strip-row--top { grid-template-columns: 1fr 1fr; height: 48px; }
  .sobre-hero__strip-row--bottom { grid-template-columns: 1fr 1fr 1fr; height: 48px; }
  .sobre-hero__band { width: 100%; height: 100%; }
  .sobre-hero__band--morado { background: linear-gradient(90deg, #a25aff 0%, #ffffff 100%); }
  .sobre-hero__band--rosa { background: linear-gradient(90deg, #ff61c4 0%, #ffffff 100%); }
  .sobre-hero__band--rojo { background: linear-gradient(90deg, #ffc2c2 0%, #ffffff 70%); }
  .sobre-hero__band--turquesa { background: linear-gradient(90deg, #0eafa7 0%, #ffffff 100%); }
  .sobre-hero__band--naranja { background: linear-gradient(90deg, #f59b00 0%, #ffffff 100%); }

  /* === HISTORIA / TIMELINE (fondo blanco) === */
  .sobre-history {
    padding-top: 120px;
    padding-right: 40px;
    padding-bottom: 120px;
    padding-left: 40px;
    background: var(--azahar-white, #ffffff);
  }
  .sobre-history__inner { max-width: 1200px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .sobre-history__header { margin-bottom: 56px; }
  .sobre-history__header h2 { color: var(--azahar-oxford, #05254c); margin: 0 0 8px; letter-spacing: -0.01em; }
  .sobre-history__header p { color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0; }

  .sobre-tl { position: relative; }
  .sobre-tl__item { display: grid; grid-template-columns: 1fr 90px 1fr; align-items: start; position: relative; }
  .sobre-tl__line { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; transform: translateX(-50%); background: var(--azahar-oxford, #05254c); z-index: 0; }
  .sobre-tl__item--first .sobre-tl__line { top: 14px; }
  .sobre-tl__left { text-align: right; padding-right: 28px; padding-top: 2px; }
  .sobre-tl__right { text-align: left; padding-left: 28px; padding-top: 2px; }
  .sobre-tl__center { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; }
  .sobre-tl__badge { font-size: 13px; font-weight: 600; color: var(--azahar-white, #ffffff); padding-top: 6px; padding-right: 14px; padding-bottom: 6px; padding-left: 14px; white-space: nowrap; background: var(--azahar-oxford, #05254c); }
  .sobre-tl__name { font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 4px; }
  .sobre-tl__name--julia { color: #0eafa7; }
  .sobre-tl__name--ruben { color: #a25aff; }
  .sobre-tl__title { font-size: 16px; font-weight: 600; color: var(--azahar-oxford, #05254c); margin-bottom: 6px; line-height: 1.3; }
  .sobre-tl__text { font-size: 14px; line-height: 1.55; color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); }
  .sobre-tl__rect { width: 100%; height: 5px; margin-top: 12px; }
  .sobre-tl__rect--julia { background: linear-gradient(270deg, #c6faf8 0%, #ffffff 100%); }
  .sobre-tl__rect--ruben { background: linear-gradient(90deg, #e8d6ff 0%, #ffffff 100%); }
  .sobre-tl__seg { position: relative; height: 40px; }
  .sobre-tl__seg-line { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; transform: translateX(-50%); background: var(--azahar-oxford, #05254c); }
  .sobre-tl__joint { position: relative; text-align: center; }
  .sobre-tl__joint-badge { font-size: 13px; font-weight: 600; color: var(--azahar-white, #ffffff); background: var(--azahar-oxford, #05254c); padding-top: 6px; padding-right: 16px; padding-bottom: 6px; padding-left: 16px; display: inline-block; margin-bottom: 14px; }
  .sobre-tl__joint-names { font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #68b800; margin-bottom: 8px; }
  .sobre-tl__joint-text { font-size: 15px; line-height: 1.55; color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); max-width: 620px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .sobre-tl__joint-rect { width: 240px; height: 5px; margin-top: 20px; margin-right: auto; margin-bottom: 0; margin-left: auto; background: linear-gradient(90deg, #ffffff 0%, #c1ff72 50%, #ffffff 100%); }
  .sobre-tl__gap { height: 28px; }
  .sobre-tl__seg-solo { width: 2px; height: 40px; background: var(--azahar-oxford, #05254c); margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .sobre-tl__conv { position: relative; text-align: center; }
  .sobre-tl__conv-badge { font-size: 16px; font-weight: 600; color: var(--azahar-white, #ffffff); background: var(--azahar-oxford, #05254c); padding-top: 10px; padding-right: 24px; padding-bottom: 10px; padding-left: 24px; display: inline-block; margin-bottom: 16px; }
  .sobre-tl__conv-title { font-size: 20px; font-weight: 600; color: var(--azahar-oxford, #05254c); margin-bottom: 10px; }
  .sobre-tl__conv-text { font-size: 15px; line-height: 1.55; color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); max-width: 560px; margin-top: 0; margin-right: auto; margin-bottom: 16px; margin-left: auto; }
  .sobre-tl__conv-rect { width: 200px; height: 5px; margin-top: 20px; margin-right: auto; margin-bottom: 0; margin-left: auto; background: linear-gradient(90deg, #ffffff 0%, #0eafa7 50%, #ffffff 100%); }

  /* === CITA MANIFIESTO ===
     Vive dentro de azh-section azh-section--dark (fondo Oxford del sistema).
     Aquí solo el layout específico de la cita. */
  .sobre-quote { padding-top: 96px; padding-right: 40px; padding-bottom: 96px; padding-left: 40px; }
  .sobre-quote__inner { max-width: 820px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .sobre-quote__mark { font-size: 280px; line-height: 0.8; color: var(--azahar-white, #ffffff); display: block; margin: 0 0 -40px; }
  .sobre-quote__text { font-size: 26px; line-height: 1.5; color: var(--azahar-white, #ffffff); font-weight: 400; font-style: italic; margin: 0; }

  /* === PRINCIPIOS (fondo blanco, grid 2x2: icono + línea + contenido) === */
  .sobre-principios {
    padding-top: 120px;
    padding-right: 40px;
    padding-bottom: 120px;
    padding-left: 40px;
    background: var(--azahar-white, #ffffff);
  }
  .sobre-principios__inner { max-width: 1200px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .sobre-principios__header { margin-bottom: 64px; }
  .sobre-principios__header h2 { color: var(--azahar-oxford, #05254c); margin: 0 0 8px; letter-spacing: -0.01em; }
  .sobre-principios__header p { color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0; }
  .sobre-principios__grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 80px; row-gap: 60px; }
  .sobre-principio { display: grid; grid-template-columns: 56px 7px 1fr; column-gap: 20px; align-items: start; }
  .sobre-principio__icon { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; color: var(--azahar-oxford, #05254c); }
  .sobre-principio__icon svg { width: 52px; height: 52px; display: block; }
  .sobre-principio__bar { width: 7px; min-width: 7px; align-self: stretch; }
  .sobre-principio__bar--rosa { background: linear-gradient(180deg, #ff61c4 0%, #ffffff 100%); }
  .sobre-principio__bar--lima { background: linear-gradient(180deg, #c1ff72 0%, #ffffff 100%); }
  .sobre-principio__bar--turquesa { background: linear-gradient(180deg, #0eafa7 0%, #ffffff 100%); }
  .sobre-principio__bar--naranja { background: linear-gradient(180deg, #ffc666 0%, #ffffff 100%); }
  .sobre-principio__label { font-size: 12px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--azahar-oxford-50, rgba(5, 37, 76, 0.5)); margin: 0 0 6px; }
  .sobre-principio__title { color: var(--azahar-oxford, #05254c); margin: 0 0 16px; }
  .sobre-principio__text { font-size: 15px; line-height: 1.65; color: var(--azahar-oxford-75, rgba(5, 37, 76, 0.75)); margin: 0 0 20px; }
  .sobre-principio__commit { font-size: 15px; font-weight: 600; line-height: 1.55; color: var(--azahar-oxford, #05254c); margin: 0; }

  /* === EQUIPO (fondo blanco, foto cuadrada + cuadrado de color decalado detrás) === */
  .sobre-team {
    padding-top: 120px;
    padding-right: 40px;
    padding-bottom: 120px;
    padding-left: 40px;
    background: var(--azahar-white, #ffffff);
  }
  .sobre-team__inner { max-width: 1200px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .sobre-team__header { margin-bottom: 56px; max-width: 720px; }
  .sobre-team__header h2 { color: var(--azahar-oxford, #05254c); margin: 0 0 8px; letter-spacing: -0.01em; }
  .sobre-team__header p { color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0; }
  .sobre-team__grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 56px; row-gap: 56px; }
  .sobre-page .sobre-member { display: flex; flex-direction: column; align-items: flex-start; text-decoration: none; }
  .sobre-page .sobre-member__photo { position: relative; width: 200px; height: 200px; flex-shrink: 0; margin-bottom: 36px; }
  .sobre-member__photo-img { position: relative; width: 200px; height: 200px; z-index: 2; display: block; }
  .sobre-member__photo-img img { width: 100%; height: 100%; display: block; object-fit: cover; }
  .sobre-member__photo-deco { position: absolute; width: 200px; height: 200px; z-index: 1; bottom: -20px; right: -20px; }
  .sobre-member__photo--julia .sobre-member__photo-deco { background: linear-gradient(135deg, #c6faf8 0%, #0eafa7 100%); }
  .sobre-member__photo--ruben .sobre-member__photo-deco { background: linear-gradient(135deg, #e8d6ff 0%, #a25aff 100%); }
  .sobre-member__data { display: flex; flex-direction: column; }
  .sobre-member__name { font-size: 22px; font-weight: 600; color: var(--azahar-oxford, #05254c); margin: 0 0 4px; }
  .sobre-member__role { font-size: 14px; font-weight: 600; letter-spacing: 0.04em; color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0; }
  .sobre-member__bar { width: 64px; height: 4px; margin-top: 14px; margin-bottom: 14px; }
  .sobre-member__bar--julia { background: linear-gradient(90deg, #0eafa7 0%, #c6faf8 100%); }
  .sobre-member__bar--ruben { background: linear-gradient(90deg, #a25aff 0%, #e8d6ff 100%); }
  .sobre-member__link { font-size: 14px; font-weight: 600; color: var(--azahar-button, #4F4CC0); letter-spacing: 0.02em; text-decoration: none; }
  .sobre-member__link:hover { color: var(--azahar-oxford, #05254c); }

  /* === METODOLOGÍA (teaser: mini-esquema de 3 fases + enlace) === */
  .sobre-metodo {
    padding-top: 120px;
    padding-right: 40px;
    padding-bottom: 120px;
    padding-left: 40px;
    background: var(--azahar-bg-soft, #ecf4fe);
  }
  .sobre-metodo__inner { max-width: 1200px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .sobre-metodo__header { margin-bottom: 56px; max-width: 720px; }
  .sobre-metodo__header h2 { color: var(--azahar-oxford, #05254c); margin: 0 0 8px; letter-spacing: -0.01em; }
  .sobre-metodo__header p { color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0; }
  .sobre-metodo__flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 0; margin-bottom: 48px; }
  .sobre-metodo__step { background: var(--azahar-white, #ffffff); padding-top: 32px; padding-right: 28px; padding-bottom: 32px; padding-left: 28px; display: flex; flex-direction: column; }
  .sobre-metodo__step-bar { width: 40px; height: 5px; margin-bottom: 18px; }
  .sobre-metodo__step--data .sobre-metodo__step-bar { background: linear-gradient(90deg, #ffc666 0%, #ffe9c2 100%); }
  .sobre-metodo__step--model .sobre-metodo__step-bar { background: linear-gradient(90deg, #a25aff 0%, #e8d6ff 100%); }
  .sobre-metodo__step--impact .sobre-metodo__step-bar { background: linear-gradient(90deg, #0eafa7 0%, #c6faf8 100%); }
  .sobre-metodo__step-num { font-size: 13px; font-weight: 700; color: var(--azahar-oxford-50, rgba(5, 37, 76, 0.5)); margin: 0 0 6px; }
  .sobre-metodo__step-label { font-size: 12px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--azahar-oxford-50, rgba(5, 37, 76, 0.5)); margin: 0 0 8px; }
  .sobre-metodo__step-title { font-size: 19px; font-weight: 600; color: var(--azahar-oxford, #05254c); margin: 0 0 10px; }
  .sobre-metodo__step-text { font-size: 14px; line-height: 1.6; color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0; }
  .sobre-metodo__arrow { display: flex; align-items: center; justify-content: center; width: 40px; color: var(--azahar-oxford-50, rgba(5, 37, 76, 0.5)); font-size: 22px; }
  .sobre-metodo__cta { margin: 0; }
  .sobre-metodo__link { font-size: 15px; font-weight: 600; color: var(--azahar-button, #4F4CC0); letter-spacing: 0.02em; text-decoration: none; }
  .sobre-metodo__link:hover { color: var(--azahar-oxford, #05254c); }

  /* === PUBLICACIONES (teaser: 3 tarjetas con chip + revista/año + DOI) === */
  .sobre-pubs {
    padding-top: 120px;
    padding-right: 40px;
    padding-bottom: 120px;
    padding-left: 40px;
    background: var(--azahar-white, #ffffff);
  }
  .sobre-pubs__inner { max-width: 1200px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
  .sobre-pubs__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 48px; }
  .sobre-pubs__header-text { max-width: 720px; }
  .sobre-pubs__header h2 { color: var(--azahar-oxford, #05254c); margin: 0 0 8px; letter-spacing: -0.01em; }
  .sobre-pubs__header p { color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0; }
  .sobre-pubs__seeall { font-size: 15px; font-weight: 600; color: var(--azahar-button, #4F4CC0); letter-spacing: 0.02em; text-decoration: none; white-space: nowrap; flex-shrink: 0; }
  .sobre-pubs__seeall:hover { color: var(--azahar-oxford, #05254c); }
  .sobre-pubs__grid { display: flex; flex-direction: column; gap: 20px; }
  .sobre-pub { display: grid; grid-template-columns: 2.2fr 1fr; gap: 36px; align-items: start; background: var(--azahar-white, #ffffff); border-left: 4px solid transparent; border-image-slice: 1; padding-top: 28px; padding-right: 32px; padding-bottom: 28px; padding-left: 28px; box-shadow: 0 1px 0 rgba(5, 37, 76, 0.08), 0 0 0 1px rgba(5, 37, 76, 0.06); text-decoration: none; }
  .sobre-pub--turquesa { border-image-source: linear-gradient(180deg, #0eafa7 0%, #c6faf8 100%); }
  .sobre-pub--morado { border-image-source: linear-gradient(180deg, #a25aff 0%, #e8d6ff 100%); }
  .sobre-pub--naranja { border-image-source: linear-gradient(180deg, #ffc666 0%, #ffe9c2 100%); }
  .sobre-pub__chip { display: inline-block; align-self: flex-start; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; padding-top: 5px; padding-right: 12px; padding-bottom: 5px; padding-left: 12px; margin-bottom: 18px; color: var(--azahar-oxford, #05254c); background: var(--azahar-oxford-10, rgba(5, 37, 76, 0.08)); }
  .sobre-pub__main { display: flex; flex-direction: column; align-items: flex-start; }
  .sobre-pub__aside { padding-top: 4px; }
  .sobre-pub__title { font-size: 17px; font-weight: 600; line-height: 1.4; color: var(--azahar-oxford, #05254c); margin: 0 0 16px; }
  .sobre-pub__meta { font-size: 14px; line-height: 1.5; color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0 0 8px; }
  .sobre-pub__authors { font-size: 13px; line-height: 1.5; color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0; }
  .sobre-pub__journal { font-weight: 600; color: var(--azahar-oxford, #05254c); }
  .sobre-pub__foot { font-size: 13px; font-weight: 600; color: var(--azahar-button, #4F4CC0); letter-spacing: 0.02em; }

  /* === MOSAICO SEPARADOR (3 colores, entre CTA intermedio y equipo) ===
     Fila 1: turquesa (oscuro->claro) | naranja (oscuro->claro).
     Fila 2: rosa (claro->oscuro), a sangre. */
  .sobre-sep { width: 100%; }
  .sobre-sep__row { display: grid; }
  .sobre-sep__row--top { grid-template-columns: 1fr 1fr; height: 48px; }
  .sobre-sep__row--bottom { grid-template-columns: 1fr; height: 48px; }
  .sobre-sep__band { width: 100%; height: 100%; }
  .sobre-sep__band--turquesa { background: linear-gradient(90deg, #0eafa7 0%, #ffffff 100%); }
  .sobre-sep__band--naranja { background: linear-gradient(90deg, #f59b00 0%, #ffffff 100%); }
  .sobre-sep__band--rosa { background: linear-gradient(90deg, #ffd6f0 0%, #ff61c4 100%); }

  /* === CTA INTERMEDIO (sobrio, tras principios) === */
  .sobre-cta-mid {
    padding-top: 96px;
    padding-right: 40px;
    padding-bottom: 96px;
    padding-left: 40px;
    background: var(--azahar-white, #ffffff);
  }
  .sobre-cta-mid__inner { max-width: 880px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; text-align: center; }
  .sobre-cta-mid__title { font-size: 30px; font-weight: 600; line-height: 1.2; color: var(--azahar-oxford, #05254c); margin: 0 0 16px; letter-spacing: -0.01em; }
  .sobre-cta-mid__text { font-size: 18px; line-height: 1.55; color: var(--azahar-oxford-70, rgba(5, 37, 76, 0.7)); margin: 0 0 32px; }
  .sobre-cta-mid__btn { display: inline-block; padding-top: 20px; padding-right: 44px; padding-bottom: 20px; padding-left: 44px; background: var(--azahar-button, #4F4CC0); color: var(--azahar-white, #ffffff); font-size: 16px; font-weight: 600; letter-spacing: 0.02em; text-decoration: none; }
  .sobre-cta-mid__btn:hover { background: var(--azahar-oxford, #05254c); }

  /* === RESPONSIVE (prefijo .sobre-page en todos los selectores) === */
  @media (max-width: 991px) {
    .sobre-page .sobre-principios__grid { column-gap: 48px; row-gap: 48px; }
    .sobre-page .sobre-team__grid { grid-template-columns: 1fr; }
    .sobre-page .sobre-metodo__flow { grid-template-columns: 1fr; }
    .sobre-page .sobre-metodo__arrow { transform: rotate(90deg); padding-top: 12px; padding-bottom: 12px; width: 100%; }
    .sobre-page .sobre-pubs__grid { gap: 20px; }
    .sobre-page .sobre-pub { grid-template-columns: 1fr; gap: 18px; }
    .sobre-page .sobre-pubs__header { flex-direction: column; align-items: flex-start; gap: 16px; }
  }
  @media (max-width: 767px) {
    .sobre-page .sobre-hero { padding-left: 24px; padding-right: 24px; }
    .sobre-page .sobre-history { padding-left: 24px; padding-right: 24px; }
    .sobre-page .sobre-principios { padding-left: 24px; padding-right: 24px; }
    .sobre-page .sobre-team { padding-left: 24px; padding-right: 24px; }
    .sobre-page .sobre-metodo { padding-left: 24px; padding-right: 24px; }
    .sobre-page .sobre-pubs { padding-left: 24px; padding-right: 24px; }
    .sobre-page .sobre-tl__item { grid-template-columns: 1fr; }
    .sobre-page .sobre-tl__line { display: none; }
    .sobre-page .sobre-tl__seg-line { display: none; }
    .sobre-page .sobre-tl__left { text-align: left; padding-left: 0; padding-right: 0; margin-bottom: 28px; }
    .sobre-page .sobre-tl__right { text-align: left; padding-left: 0; padding-right: 0; margin-bottom: 28px; }
    .sobre-page .sobre-tl__center { flex-direction: row; justify-content: flex-start; margin-bottom: 12px; }
    .sobre-page .sobre-principios__grid { grid-template-columns: 1fr; }
    .sobre-page .sobre-member__photo { width: 160px; height: 160px; margin-bottom: 30px; }
    .sobre-page .sobre-member__photo-img { width: 160px; height: 160px; }
    .sobre-page .sobre-member__photo-deco { width: 160px; height: 160px; bottom: -16px; right: -16px; }
    .sobre-page .sobre-quote__mark { font-size: 180px; margin-bottom: -24px; }
    .sobre-page .sobre-quote__text { font-size: 21px; }
  }
  @media (max-width: 479px) {
    .sobre-page .sobre-team__grid { row-gap: 48px; }
  }