/*
 * RM Theme · componentes compartidos con el catálogo (v0.3.4)
 * El patrón 07, la muestra del catálogo y "Mi forma de trabajar" comparten rm-stat.
 * El único nuevo tratamiento de enlace: flecha secundaria sin subrayado rosa.
 */
:root{--rm-pattern-accent:var(--rm-divider,#CDD5E1)}
.rm-stat{
  border-top:2px solid var(--rm-pattern-accent)!important;
}
.rm-personal-text-link a,
.catalog-text-link,
.rm-text-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none!important;
  border-bottom:0!important;
  padding-bottom:0!important;
  font-weight:700;
  transition:gap .16s ease;
}
.rm-personal-text-link a::after,
.catalog-text-link::after,
.rm-text-link::after{
  content:"↗";
  color:var(--rm-indigo,#4f578d);
  font-size:1.12em;
  font-weight:500;
  line-height:1;
}
.rm-personal-text-link a:hover,
.catalog-text-link:hover,
.rm-text-link:hover{
  gap:15px;
  text-decoration:none!important;
}
.rm-personal-text-link a:focus-visible,
.catalog-text-link:focus-visible,
.rm-text-link:focus-visible{
  outline:3px solid var(--rm-indigo,#4f578d)!important;
  outline-offset:4px;
}
.rm-personal-origin .rm-personal-text-link a,
.rm-personal-ending .rm-personal-text-link a{
  color:#fff!important;
}
.rm-personal-origin .rm-personal-text-link a::after,
.rm-personal-ending .rm-personal-text-link a::after{
  color:#e3e8f3;
}
@media(prefers-reduced-motion:reduce){
  .rm-personal-text-link a,.catalog-text-link,.rm-text-link{transition:none!important}
}


/* v0.3.5 — All decorative rules separate content neutrally.
   Primary buttons and meaningful status colours retain brand/semantic accents. */
:root {--rm-divider:#CDD5E1}
/* Brand identity strokes and structural separators have distinct purposes.
 * Short VERTICAL strokes beside section/category labels: Promxia/RM pink.
 * Long HORIZONTAL rules separating content: neutral grey. */
:root {--rm-label-accent:#F73760}
.rm-pilots .rm-pilot-eyebrow,.rm-eyebrow,
.catalog-kicker,.catalog-section-meta span:first-child,
.catalog-cta .catalog-kicker,.rm-pilots .rm-pilot-blog-meta span:first-child,
.rm-pilot-tool-index p.rm-pilot-eyebrow{
  border-left-color:var(--rm-label-accent)!important;
}
.rm-pilots .rm-pilot-insight,.catalog-editorial-sample,.rm-note{
  border-left-color:var(--rm-divider)!important;
}
.rm-stat,.catalog-process>div,.catalog-map-grid>div,
.rm-pilots .rm-personal-chapter:first-child,
.rm-pilots .rm-personal-collab:first-child,
.rm-pilots .rm-personal-origin-aside{
  border-top-color:var(--rm-divider)!important;
}
.catalog-tool>span,.rm-pilots .rm-pilot-blog-read,
.rm-pilots .rm-pilot-blog-closing a{
  border-bottom-color:var(--rm-divider)!important;
}

/* RM Theme v0.3.6 — Institutional credibility logos: common optical cap height.
 * Each PNG has an alpha canvas 320 x 112; all wordmark glyphs are ~38px high.
 * This component has no accent lines, no cards and no decorative effects. */
.rm-personal-orgs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,2.5vw,30px);
  align-items:stretch;
}
.rm-personal-orgs > .rm-personal-org{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  min-width:0;
  gap:6px;
}
body.rm-pilots .rm-personal-orgs > .rm-personal-org > figure,
.rm-personal-orgs > .rm-personal-org > figure{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%!important;
  max-width:320px!important;
  height:112px!important;
  margin:0 auto!important;
  background:transparent!important;
  padding:0!important;
}
body.rm-pilots .rm-personal-orgs > .rm-personal-org > figure > img,
.rm-personal-orgs > .rm-personal-org > figure > img{
  display:block;
  width:100%;
  max-width:320px!important;
  height:112px!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
}
body.rm-pilots .rm-personal-orgs > .rm-personal-org > p,
.rm-personal-orgs > .rm-personal-org > p{
  text-align:center!important;
  font-size:.84rem;
  color:#667184;
  font-weight:400;
  line-height:1.4;
  margin:4px 0 0!important;
}
@media(max-width:800px){
  .rm-personal-orgs{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
}
@media(max-width:440px){
  body.rm-pilots .rm-personal-orgs > .rm-personal-org > figure,
.rm-personal-orgs > .rm-personal-org > figure{height:86px}
  body.rm-pilots .rm-personal-orgs > .rm-personal-org > figure > img,
.rm-personal-orgs > .rm-personal-org > figure > img{height:86px!important}
}

/* RM Theme v0.3.9 — A single editorial divider grammar.
 * Reto profesional: a full-width horizontal rule at each row.
 * Colaboraciones: a full-width horizontal rule at the TOP of the grid, not three
 * disconnected lines sitting on individual columns.
 * Vertical short section accents remain brand pink (unchanged). */
body.rm-pilots .rm-personal-work-list,
body.rm-pilots .rm-personal-collaborate-grid{
  border-top:1px solid var(--rm-divider,#CDD5E1)!important;
}
body.rm-pilots .rm-personal-work-case{
  border-bottom:1px solid var(--rm-divider,#CDD5E1)!important;
}
body.rm-pilots .rm-personal-collaborate-grid{
  border-bottom:1px solid var(--rm-divider,#CDD5E1)!important;
  margin-top:30px!important;
}
body.rm-pilots .rm-personal-collab,
body.rm-pilots .rm-personal-collab:first-child{
  border-top:0!important;
  border-bottom:0!important;
  padding-top:27px;
  padding-bottom:28px;
}
@media (min-width:561px) and (max-width:800px){
  body.rm-pilots .rm-personal-collab:nth-child(n+3){
    border-top:1px solid var(--rm-divider,#CDD5E1)!important;
  }
}
@media (max-width:560px){
  body.rm-pilots .rm-personal-collaborate-grid{row-gap:0!important}
  body.rm-pilots .rm-personal-collab:not(:last-child){
    border-bottom:1px solid var(--rm-divider,#CDD5E1)!important;
  }
}

/* RM Theme v0.3.10 — Responsive refinement of an APPROVED module.
 * The third collaboration item was orphaned on tablet in a two-column grid.
 * Span it across the row (the 3-column desktop / 1-column mobile designs stay intact).
 * The shared grey divider and pink label marker rules are unchanged. */
@media (min-width:561px) and (max-width:800px) {
  body.rm-pilots .rm-personal-collaborate-grid > .rm-personal-collab:last-child {
    grid-column: 1 / -1;
  }
}

/* RM 0.4.2 · Brand punctuation in native hero headings, not all headings. */
.rm-hero-dot {color:var(--rm-brand,#F73760)!important;}
/* Credential grid: identical image slots and aligned captions at each breakpoint. */
body.rm-pilots .rm-personal-orgs > .rm-personal-org {margin-block-start:0!important;align-self:start;}