body.post-type-archive-mentores,
body.single-mentores { --mnt-lavanda: #b9b2f9;
--mnt-violeta: #594dbf;
--mnt-crema: #fdfaf2;
--mnt-tinta: #1f1a33;
--mnt-arena: #e0dac3;
--mnt-cuerpo: #574f45;
--mnt-negro: #000000;
--mnt-gris-claro: #bfbfbf;
--mnt-gris-pie: #b8b8b8;
--mnt-linea: rgba(31, 26, 51, 0.16); --mnt-display: "snaga-unicase-display", "Work Sans", system-ui, sans-serif; --mnt-margen: 48px; --mnt-max: 1440px; --mnt-gap-columnas: 80px; --mnt-columna-titulo: 440px;
}  body.post-type-archive-mentores main.mentores-page,
body.single-mentores main.mentores-page {
margin-top: 0;
padding-bottom: 0;
min-height: 0;
}
body.post-type-archive-mentores nav#main-nav,
body.single-mentores nav#main-nav {
background-color: var(--mnt-lavanda);
}
body.post-type-archive-mentores footer,
body.single-mentores footer {
margin-top: 0;
} body.post-type-archive-mentores nav#branding-top img,
body.single-mentores nav#branding-top img,
body.post-type-archive-mentores nav#menu-button img,
body.single-mentores nav#menu-button img {
filter: brightness(0) saturate(100%) invert(95.4%) sepia(92.2%) saturate(215%)
hue-rotate(326deg) brightness(116.5%) contrast(97.1%);
transition: none;
}
body.post-type-archive-mentores nav#menu-button,
body.single-mentores nav#menu-button {
color: var(--mnt-crema);
} body.post-type-archive-mentores.mnt-nav-lila nav#branding-top img,
body.single-mentores.mnt-nav-lila nav#branding-top img,
body.post-type-archive-mentores.mnt-nav-lila nav#menu-button img,
body.single-mentores.mnt-nav-lila nav#menu-button img {
filter: brightness(0) saturate(100%) invert(49.3%) sepia(17.6%) saturate(1602%)
hue-rotate(203deg) brightness(152.2%) contrast(95.7%);
}
body.post-type-archive-mentores.mnt-nav-lila nav#menu-button,
body.single-mentores.mnt-nav-lila nav#menu-button {
color: var(--mnt-lavanda);
} body.post-type-archive-mentores nav#menu-button:hover,
body.single-mentores nav#menu-button:hover,
body.post-type-archive-mentores nav#menu-button:focus-within,
body.single-mentores nav#menu-button:focus-within {
background-color: var(--mnt-crema);
color: var(--mnt-lavanda);
}
body.post-type-archive-mentores nav#menu-button:hover img,
body.single-mentores nav#menu-button:hover img,
body.post-type-archive-mentores nav#menu-button:focus-within img,
body.single-mentores nav#menu-button:focus-within img {
filter: brightness(0) saturate(100%) invert(49.3%) sepia(17.6%) saturate(1602%)
hue-rotate(203deg) brightness(152.2%) contrast(95.7%);
} .mentores-page {
font-family: var(--mnt-display);
color: var(--mnt-tinta);
background-color: var(--mnt-crema);
overflow-x: clip;
}
.mentores-page p,
.mentores-page h1,
.mentores-page h2,
.mentores-page h3 {
margin: 0;
font-family: inherit;
} :where(.mentores-page) :where(a) {
color: inherit;
}
.mentores-page ul,
.mentores-page ol {
margin: 0;
padding: 0;
list-style: none;
}
.mentores-page img {
display: block;
max-width: 100%;
} .mentores-page > section {
padding-left: max(var(--mnt-margen), calc((100% - var(--mnt-max)) / 2));
padding-right: max(var(--mnt-margen), calc((100% - var(--mnt-max)) / 2));
} .mentores-page a.mnt-boton {
display: inline-flex;
align-items: center;
align-self: flex-start;
padding: 18px 32px;
border-radius: 48px;
background-color: var(--mnt-tinta);
color: var(--mnt-crema);
font-size: 17px;
font-weight: 400;
line-height: 1;
text-decoration: none;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.mentores-page a.mnt-boton:hover,
.mentores-page a.mnt-boton:focus-visible {
background-color: var(--mnt-violeta);
color: var(--mnt-crema);
transform: translateY(-2px);
text-decoration: none;
} .mnt-marcador {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-align: center;
}  .mnt-rotulo {
display: flex;
align-items: flex-end;
justify-content: flex-end;
min-height: 137px;
padding-top: 24px;
padding-bottom: 0;
background-color: var(--mnt-lavanda);
} .mnt-rotulo h1,
.mnt-rotulo p {
width: 100%;
margin-bottom: -0.055em;
color: var(--mnt-crema);
font-size: clamp(56px, 7vw, 100px);
font-weight: 700;
line-height: 0.9;
text-align: right;
text-transform: lowercase;
word-break: break-word;
} .mnt-hero {
display: flex;
align-items: center;
justify-content: space-between;
gap: 48px;
padding-top: 40px;
padding-bottom: 40px;
background-color: var(--mnt-crema);
}
.mnt-hero-intro {
flex: 0 0 360px;
max-width: 360px;
font-size: 18px;
font-weight: 400;
line-height: 1.3;
color: var(--mnt-tinta);
}
.mnt-hero-claim {
flex: 1 1 auto;
min-width: 0;
font-size: clamp(28px, 3vw, 40px);
font-weight: 400;
line-height: 0.95;
color: var(--mnt-lavanda);
text-align: right;
} .mnt-listado {
padding-top: 64px;
padding-bottom: 72px;
background-color: var(--mnt-negro);
color: var(--mnt-crema);
}
.mnt-listado-encabezado {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 36px;
}
.mnt-listado-encabezado h2 {
font-size: clamp(36px, 4.2vw, 56px);
font-weight: 400;
line-height: 0.95;
color: #ffffff;
}
.mnt-listado-encabezado p {
max-width: 760px;
font-size: 18px;
font-weight: 400;
line-height: 1.35;
color: var(--mnt-gris-claro);
}
.mnt-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}  .mnt-tarjeta {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
gap: 8px;
aspect-ratio: 424 / 600;
padding: 48px 32px 44px;
border-radius: 110px;
overflow: hidden;
background-color: #262229;
color: #ffffff;
text-decoration: none;
isolation: isolate;
}
.mentores-page a.mnt-tarjeta,
.mentores-page a.mnt-tarjeta:hover,
.mentores-page a.mnt-tarjeta:focus-visible {
color: #ffffff;
text-decoration: none;
}
.mnt-tarjeta-imagen {
position: absolute;
inset: 0;
z-index: -2;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.mnt-tarjeta:hover .mnt-tarjeta-imagen,
.mnt-tarjeta:focus-visible .mnt-tarjeta-imagen {
transform: scale(1.04);
} .mnt-tarjeta::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
} .mnt-tarjeta-nombre {
width: 100%;
font-size: clamp(34px, 4.2vw, 60px);
font-weight: 400;
line-height: 0.96;
text-align: right;
overflow-wrap: break-word;
hyphens: auto;
}
.mnt-tarjeta-disciplina {
width: 100%;
font-size: 20px;
font-weight: 400;
line-height: 1.15;
text-align: right;
text-transform: lowercase;
color: var(--mnt-lavanda);
} .mnt-vacio {
font-size: 20px;
font-weight: 400;
color: var(--mnt-gris-claro);
}
.mnt-paginacion {
margin-top: 48px;
}
.mnt-paginacion .nav-links {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
font-size: 17px;
}
.mnt-paginacion .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
}  .mnt-dos-columnas {
display: flex;
align-items: flex-start;
gap: var(--mnt-gap-columnas);
}
.mnt-dos-columnas-titulo {
flex: 0 0 var(--mnt-columna-titulo);
max-width: var(--mnt-columna-titulo);
display: flex;
flex-direction: column;
gap: 20px;
}
.mnt-dos-columnas-titulo h2 {
font-size: clamp(34px, 3.8vw, 52px);
font-weight: 400;
line-height: 0.92;
}
.mnt-dos-columnas-titulo p {
font-size: 19px;
font-weight: 400;
line-height: 1.4;
color: var(--mnt-cuerpo);
}
.mnt-dos-columnas-lista {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
}
.mnt-paso {
display: flex;
flex-direction: column;
gap: 10px;
padding: 30px 0;
} .mnt-paso:first-child {
padding-top: 4px;
}
.mnt-paso + .mnt-paso {
border-top: 1px solid var(--mnt-linea);
}
.mnt-paso h3 {
font-size: 30px;
font-weight: 400;
line-height: 1;
}
.mnt-paso p {
font-size: 18px;
font-weight: 400;
line-height: 1.4;
color: var(--mnt-cuerpo);
} .mnt-como-funciona {
padding-top: 76px;
padding-bottom: 84px;
background-color: var(--mnt-arena);
}  .mnt-beneficios {
display: flex;
flex-direction: column;
gap: 56px;
padding-top: 76px;
padding-bottom: 88px;
background-color: var(--mnt-crema);
}
.mnt-beneficios-claim {
max-width: 1040px;
font-size: clamp(28px, 3vw, 40px);
font-weight: 400;
line-height: 1.08;
}
.mnt-beneficios-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px 24px;
}
.mnt-beneficio {
display: flex;
flex-direction: column;
}
.mnt-beneficio-imagen {
margin: 0 0 20px;
aspect-ratio: 1 / 1;
border-radius: 64px;
overflow: hidden;
background-color: var(--mnt-arena);
}
.mnt-beneficio-imagen img {
width: 100%;
height: 100%;
object-fit: cover;
} .mnt-marcador-imagen {
background-image: repeating-linear-gradient(
45deg,
rgba(31, 26, 51, 0.05) 0 14px,
transparent 14px 28px
);
color: var(--mnt-cuerpo);
font-size: 15px;
} .mnt-beneficio h3 {
min-height: 2.24em;
margin-bottom: 8px;
font-size: 23px;
font-weight: 400;
line-height: 1.12;
}
.mnt-beneficio p {
font-size: 17px;
font-weight: 400;
line-height: 1.4;
color: var(--mnt-cuerpo);
}  .mnt-perfil-hero {
display: flex;
align-items: flex-start;
gap: 72px;
padding-top: 64px;
padding-bottom: 64px;
background-color: var(--mnt-crema);
}
.mnt-perfil-retrato {
flex: 0 0 560px;
max-width: 560px;
aspect-ratio: 560 / 700;
border-radius: 120px;
overflow: hidden;
background-color: var(--mnt-arena);
}
.mnt-perfil-retrato img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mnt-perfil-datos {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 24px;
} .mentores-page a.mnt-volver {
align-self: flex-start;
font-size: 16px;
font-weight: 400;
line-height: 1;
color: var(--mnt-violeta);
text-decoration: none;
}
.mentores-page a.mnt-volver:hover,
.mentores-page a.mnt-volver:focus-visible {
color: var(--mnt-tinta);
text-decoration: underline;
}
.mnt-perfil-datos h1 {
font-size: clamp(48px, 6.6vw, 96px);
font-weight: 400;
line-height: 0.92;
word-break: break-word;
}
.mnt-perfil-disciplina {
font-size: 20px;
font-weight: 400;
line-height: 1.1;
color: var(--mnt-violeta);
}
.mnt-perfil-bio {
max-width: 620px;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
color: var(--mnt-cuerpo);
}
.mnt-perfil-bio p {
margin-bottom: 1em;
}
.mnt-perfil-bio p:last-child {
margin-bottom: 0;
}
.mnt-perfil-nota {
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: var(--mnt-cuerpo);
}  .mentores-page > .mnt-perfil-video {
padding: 0;
background-color: var(--mnt-negro);
} .mnt-video-marco {
position: relative;
height: min(80vh, calc(100vw * 9 / 16));
overflow: hidden;
background-color: #0d0d0d;
} .mnt-video-marco iframe,
.mnt-video-marco video,
.mnt-video-marco object,
.mnt-video-marco embed {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
} .mnt-marcador-video {
flex-direction: column;
gap: 18px;
background-color: #14121b;
background-image: repeating-linear-gradient(
45deg,
rgba(255, 255, 255, 0.025) 0 18px,
transparent 18px 36px
);
color: var(--mnt-lavanda);
font-size: 17px;
}
.mnt-marcador-play {
display: flex;
align-items: center;
justify-content: center;
width: 84px;
height: 84px;
border: 1px solid var(--mnt-lavanda);
border-radius: 50%;
} .mnt-marcador-play::after {
content: "";
margin-left: 6px;
border-style: solid;
border-width: 13px 0 13px 21px;
border-color: transparent transparent transparent var(--mnt-lavanda);
} .mnt-video-pie {
padding: 16px max(var(--mnt-margen), calc((100% - var(--mnt-max)) / 2)) 24px;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: var(--mnt-gris-pie);
} .mnt-perfil-hero-video {
justify-content: space-between;
padding-top: 56px;
padding-bottom: 64px;
}
.mnt-perfil-hero-video .mnt-perfil-datos {
flex: 0 1 auto;
gap: 18px;
}
.mnt-perfil-contacto {
flex: 0 1 620px;
display: flex;
flex-direction: column;
gap: 24px; padding-top: 40px;
} .mnt-perfil-temas {
padding-top: 72px;
padding-bottom: 80px;
background-color: var(--mnt-arena);
}
.mnt-perfil-sesiones {
padding-top: 72px;
padding-bottom: 80px;
background-color: var(--mnt-crema);
}
.mnt-perfil-sesiones .mnt-dos-columnas-titulo h2 {
font-size: clamp(32px, 3.2vw, 44px);
line-height: 0.96;
} .mnt-perfil-sesiones--arena {
background-color: var(--mnt-arena);
}
.mnt-sesiones-texto {
display: flex;
flex-direction: column;
gap: 20px;
}
.mnt-sesiones-texto > p {
font-size: 18px;
font-weight: 400;
line-height: 1.55;
}
.mnt-sesiones-detalles li {
font-size: 16px;
font-weight: 400;
line-height: 1.75;
color: var(--mnt-cuerpo);
}
.mnt-sesiones-detalles b {
font-weight: 700;
} .mnt-perfil-obra {
display: flex;
flex-direction: column;
gap: 40px;
padding-top: 72px;
padding-bottom: 80px;
background-color: var(--mnt-negro);
color: var(--mnt-crema);
}
.mnt-obra-encabezado {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 32px;
}
.mnt-obra-encabezado h2 {
font-size: clamp(32px, 3.2vw, 44px);
font-weight: 400;
line-height: 0.96;
}
.mentores-page a.mnt-obra-portafolio {
flex-shrink: 0;
font-size: 17px;
line-height: 1.2;
color: var(--mnt-lavanda);
text-decoration: underline;
}
.mentores-page a.mnt-obra-portafolio:hover,
.mentores-page a.mnt-obra-portafolio:focus-visible {
color: #ffffff;
} .mnt-obra-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
}
.mnt-obra-grid > :first-child:not(:only-child) {
grid-column: span 1;
}
@media (min-width: 1100px) {
.mnt-obra-grid {
grid-template-columns: 1.4fr 1fr 1fr;
} .mnt-obra-grid > :nth-child(n + 4) {
grid-column: auto;
}
}
.mnt-obra-pieza {
display: flex;
flex-direction: column;
gap: 12px;
}
.mnt-obra-pieza figure {
margin: 0;
height: 360px;
border-radius: 32px;
overflow: hidden;
background-color: #141414;
}
.mnt-obra-pieza img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.mnt-obra-pieza:hover img {
transform: scale(1.03);
}
.mnt-obra-pieza figcaption {
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: var(--mnt-gris-pie);
} @media (max-width: 1100px) {
.mentores-page {
--mnt-margen: 40px;
--mnt-gap-columnas: 48px;
--mnt-columna-titulo: 300px;
}
.mnt-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mnt-tarjeta {
aspect-ratio: 353 / 500;
padding: 40px 28px 36px;
border-radius: 88px;
} .mnt-hero {
flex-direction: column;
align-items: stretch;
gap: 32px;
}
.mnt-hero-intro {
flex: 0 0 auto;
}
.mnt-hero-claim {
text-align: left;
} .mnt-beneficios-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 36px var(--mnt-gap-columnas);
}
.mnt-beneficio-imagen {
border-radius: 56px;
} .mnt-perfil-hero {
gap: 40px;
}
.mnt-perfil-retrato {
flex: 0 0 40%;
max-width: 40%;
border-radius: 80px;
}
.mnt-obra-pieza figure {
height: 280px;
}
} @media (max-width: 780px) {
.mentores-page {
--mnt-margen: 24px;
--mnt-gap-columnas: 32px;
}
.mnt-rotulo {
min-height: 0;
padding-bottom: 16px;
}
.mnt-rotulo h1,
.mnt-rotulo p {
text-align: left;
}
.mnt-hero {
padding-bottom: 56px;
}
.mnt-hero-intro {
max-width: none;
}
.mnt-hero-claim {
font-size: clamp(30px, 8.5vw, 40px);
}
.mnt-listado {
padding-top: 56px;
padding-bottom: 56px;
}
.mnt-grid {
grid-template-columns: minmax(0, 1fr);
gap: 20px;
}
.mnt-tarjeta {
aspect-ratio: 342 / 470;
padding: 36px 24px 32px;
border-radius: 72px;
}
.mnt-tarjeta-nombre {
font-size: clamp(32px, 11vw, 44px);
}
.mnt-tarjeta-disciplina {
font-size: 17px;
} .mnt-dos-columnas {
flex-direction: column;
gap: 32px;
}
.mnt-dos-columnas-titulo {
flex: 0 0 auto;
max-width: none;
gap: 16px;
}
.mnt-paso {
padding: 22px 0;
}
.mnt-paso h3 {
font-size: 22px;
}
.mnt-paso p {
font-size: 16px;
}
.mnt-como-funciona,
.mnt-perfil-temas,
.mnt-perfil-sesiones,
.mnt-perfil-obra {
padding-top: 56px;
padding-bottom: 56px;
}
.mnt-beneficios {
gap: 32px;
padding-top: 56px;
padding-bottom: 64px;
}
.mnt-beneficios-grid {
grid-template-columns: minmax(0, 1fr);
gap: 36px;
}
.mnt-beneficio-imagen {
margin-bottom: 16px;
border-radius: 44px;
}
.mnt-beneficio h3 {
min-height: 0;
font-size: 20px;
} .mnt-marcador-video {
gap: 14px;
font-size: 15px;
}
.mnt-marcador-play {
width: 60px;
height: 60px;
}
.mnt-marcador-play::after {
border-width: 9px 0 9px 15px;
} .mnt-perfil-hero {
flex-direction: column;
gap: 32px;
padding-bottom: 48px;
}
.mnt-perfil-retrato {
flex: 0 0 auto;
width: 100%;
max-width: none;
aspect-ratio: 4 / 5;
border-radius: 56px;
}
.mnt-perfil-datos {
gap: 18px;
} .mnt-perfil-contacto {
flex: 0 0 auto;
padding-top: 0;
}
.mnt-boton {
width: 100%;
justify-content: center;
text-align: center;
}
.mnt-obra-encabezado {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.mnt-obra-grid {
grid-template-columns: minmax(0, 1fr);
}
.mnt-obra-pieza figure {
height: 260px;
border-radius: 24px;
}
}