/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/* Colores personalizados Martha Alles */
a:hover{
    text-decoration:none;
}
.page-id-277 .container .site-content .content-area .site-main{
    margin-top:50px!important;
}
main{
    margin-top:-26px!important;
}
/* Colores de fondo */
.has-custom-amatista-background-color {
    background-color: #D6C1E0 !important;
}
.has-custom-dorado-background-color {
    background-color: #C9A646 !important;
}
.has-custom-beige-background-color {
    background-color: #F5F0E6 !important;
}
.has-custom-beige-card-background-color {
    background-color: #F9F5EF !important;
}
.has-custom-gris-perla-background-color {
    background-color: #E6E6E6 !important;
}
.has-custom-amatista-claro-background-color {
    background-color: #EEE7F4 !important;
}

/* Colores de texto (por si los usas) */
.has-custom-amatista-color,
.has-custom-amatista-text-color {
    color: #D6C1E0 !important;
}
.has-custom-dorado-color,
.has-custom-dorado-text-color {
    color: #C9A646 !important;
}
.has-custom-beige-color,
.has-custom-beige-text-color {
    color: #F5F0E6 !important;
}
.has-custom-gris-perla-color,
.has-custom-gris-perla-text-color {
    color: #E6E6E6 !important;
}
.has-custom-amatista-claro-color,
.has-custom-amatista-claro-text-color {
    color: #EEE7F4 !important;
}
.home-hero-rw,
.home-quote-rw,
.home-martha-es,
.home-recursos-prensa,
.home-blog,
.home-sala-profesores,
.home-libros-destacados {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
@media (max-width: 1330px) {
    .has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
        flex-basis: 100%;
    }
    .has-inline-mobile-toggle .inside-header {
        flex-direction: row;
        text-align: left;
        flex-wrap: wrap;
    }
    .inside-header {
        flex-direction: column;
        text-align: center;
    }
}
@media (max-width: 768px) {
    .page-id-277 #main {
        margin-left: 30px!important;
        margin-right: 30px!important;
    }
}
/* ====== HEADER / MENÚ MARTHA ALLES ====== */

/* Contenedor del header (ajusta la clase según tu tema si hace falta) */
.site-header,
.main-header,
.header {
  background-color: #ffffff;
  border-bottom: 1px solid #eee;
}

/* Contenedor del menú */
.main-navigation {
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 13px;
}

/* Lista principal */
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Ítems del menú (desktop) */
.main-navigation ul.menu > li {
  display: inline-block;
  margin: 0 3px;
  position: relative;
}

/* Enlaces del menú */
.main-navigation ul.menu > li > a {
  text-decoration: none;
  color: #333333;
  padding: 10px 0;
  display: inline-block;
  transition: color 0.2s ease, border-color 0.2s ease;
  border-bottom: 2px solid transparent;
}

/* Hover y activo */
.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.menu > li.current_page_ancestor > a {
  color: #D6C1E0; /* custom-amatista */
  border-bottom-color: #D6C1E0;
}

/* Último ítem como botón (Prensa & Contacto) */
.main-navigation ul.menu > li.menu-item--cta > a {
  border-bottom: none;
  padding: 8px 18px;
  border-radius: 999px;
  background-color: #C9A646; /* custom-dorado */
  color: #ffffff;
  font-weight: 600;
}

.main-navigation ul.menu > li.menu-item--cta > a:hover {
  background-color: #b39238;
  color: #ffffff;
}

/* Submenús */
.main-navigation ul ul {
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  min-width: 200px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(5px);
  transition: all 0.2s ease;
  z-index: 999;
}

.main-navigation ul li:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.main-navigation ul ul li {
  display: block;
  margin: 0;
}

.main-navigation ul ul li a {
  padding: 10px 15px;
  border-bottom: 1px solid #f2f2f2;
  color: #555;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
}

.main-navigation ul ul li a:hover {
  background-color: #F5F0E6; /* custom-beige */
  color: #333;
}

/* Responsive: centra menú en desktop si el header lo permite */
@media (min-width: 992px) {
  .main-navigation {
    text-align: right;
  }
}
@media (min-width: 1331px) {
  .main-navigation .inside-navigation {
    display: flex;
    flex-direction: row-reverse; /* invierte orden: primero título/logo, luego menú */
    align-items: center;
    justify-content: space-between;
  }
}
/* Estilo general del menú en escritorio */
@media (min-width: 1331px) {
  .main-navigation .main-nav ul li a {
    font-size: 13px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 18px;
    padding-bottom: 18px;
    color: #555555;
  }

  .main-navigation .main-nav ul li a:hover {
    color: #7C5CA8; /* cercano al amatista */
  }

  /* Página actual subrayada con línea suave */
  .main-navigation .main-nav ul li.current-menu-item > a,
  .main-navigation .main-nav ul li.current-page-ancestor > a {
    color: #7C5CA8;
    border-bottom: 2px solid #7C5CA8;
  }
}
/* Ajustar alto del hero y pegado inferior de la foto */
.home-hero-rw {
  padding-top: 20px !important;
  padding-bottom: 0 !important;
}
.site-main .wp-block-group__inner-container {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
/* Tipografía del título igual a la del resto del sitio */
.main-title,
.site-branding .main-title a,
.site-branding a {
    font-family: inherit;
    letter-spacing: 0;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
}
/* Igualar altura de las tarjetas en "Martha es..." */
.home-martha-es .wp-block-columns > .wp-block-column {
    display: flex;
}

/* La tarjeta ocupa toda la altura de la columna */
.home-martha-es .martha-es-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Imagen siempre del mismo alto y alineada arriba */
.home-martha-es .martha-es-card figure.wp-block-image {
    margin: 0 0 16px 0;
}

.home-martha-es .martha-es-card figure.wp-block-image img {
    display: block;
    width: 100%;
    height: 230px;       /* ajusta 200–260px según te guste */
    object-fit: cover;   /* recorta, pero mantiene proporción */
}

/* El texto va en el medio y el botón se pega al fondo */
.home-martha-es .martha-es-card h3 {
    margin-top: 16px;
    margin-bottom: 8px;
}

.home-martha-es .martha-es-card p {
    flex: 0 0 auto;
    margin-bottom: 16px;
    font-size: 15px;
}

/* Empuja el botón hacia abajo para que las tarjetas queden alineadas */
.home-martha-es .martha-es-card .wp-block-button {
    margin-top: auto;
}
.inside-article{
    padding-top:0px!important;
}
.separate-containers .site-main {
    margin-top: 0px!important;
}
blockquote {
    font-size: 17px;
}
/* Tarjeta de "Últimos artículos" */
.home-blog-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Botón "Leer artículo" dentro del extracto */
.home-blog-card .wp-block-post-excerpt__more-link {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 13px;
    border: 1px solid #A68BC7;   /* amatista suave */
    color: #A68BC7;
    background: #fff;
    transition: all 0.2s ease;
}

.home-blog-card .wp-block-post-excerpt__more-link:hover {
    background: #A68BC7;
    color: #fff;
}
/* Grid de Libros Destacados - escritorio */
.home-libros-destacados .libros-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

/* Tablet: 2 columnas (opcional, si quieres) */
@media (max-width: 1024px) {
    .home-libros-destacados .libros-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Móvil: 1 sola columna */
@media (max-width: 768px) {
    .home-libros-destacados .libros-grid {
        grid-template-columns: 1fr;
    }
}
/* 4) Invertir columnas del 3er bloque SOLO en desktop */
@media (min-width: 900px){
  /* Gutenberg columns = .wp-block-columns (flex) */
  .about-two-columns .wp-block-columns{
    flex-direction: row-reverse; /* invierte: imagen a la izquierda, texto a la derecha */
  }

  /* Opcional: asegura que ambas columnas queden bien balanceadas */
  .about-two-columns .wp-block-column{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

/* En móvil: vuelve a apilar normal (texto arriba, foto abajo) */
@media (max-width: 899px){
  .about-two-columns .wp-block-columns{
    flex-direction: column;
  }
}

/* 5) Ajuste de la imagen del hero (si quieres que quede más “pegada” visualmente) */
.about-hero .about-hero-photo{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

/* 6) Ajuste de la imagen del 3er bloque para consistencia */
.about-two-columns .about-photo-right img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
/* =========================
   ABOUT (Sobre Martha)
   Móvil: Título > Foto > Texto
   ========================= */

/* Por defecto: el título "mobile" oculto */
.about-two-columns-title--mobile { display: none; }

/* Móvil (breakpoint de columnas de WP/GeneratePress suele ser ~781px) */
@media (max-width: 781px) {

  /* Mostrar título mobile y ocultar el desktop */
  .about-two-columns-title--mobile { 
    display: block; 
    text-align: center;
    margin-bottom: 18px;
  }
  .about-two-columns-title--desktop { 
    display: none; 
  }

  /* Apilar columnas en 1 columna */
  .about-two-columns .wp-block-columns {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  /* Columna de la foto primero (después del título mobile) */
  .about-two-columns .wp-block-columns > .wp-block-column:nth-child(2) {
    order: 1;
  }

  /* Columna de texto después */
  .about-two-columns .wp-block-columns > .wp-block-column:nth-child(1) {
    order: 2;
  }

  /* Foto a 100% y sin márgenes raros */
  .about-two-columns .about-photo-right img {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media (max-width: 768px) {
    .site-main .wp-block-group__inner-container {
        padding: 10px;
    }
}
/***************************************
  BLOG / ARTÍCULOS – ESTILO GENERAL
  (GeneratePress)
****************************************/

/* Contenedor más agradable */
.single-post .site-main,
.archive .site-main,
.blog .site-main {
  padding-top: 28px;
  padding-bottom: 60px;
}

/* “Tarjeta” del artículo */
.single-post .inside-article,
.archive .inside-article,
.blog .inside-article {
  border-radius: 16px;
  padding: 40px 44px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* Título principal */
.single-post .entry-title,
.archive .entry-title,
.blog .entry-title {
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}

/* Meta (fecha / autor / etc.) */
.single-post .entry-meta,
.archive .entry-meta,
.blog .entry-meta {
  font-size: 14px;
  opacity: .75;
  margin-bottom: 26px;
}

.single-post .entry-meta a,
.archive .entry-meta a,
.blog .entry-meta a {
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,.15);
}

/* Contenido: legibilidad */
.single-post .entry-content,
.archive .entry-summary,
.blog .entry-summary {
  font-size: 18px;
  line-height: 1.9;
}

.single-post .entry-content p {
  margin-bottom: 1.1em;
}

/* Subtítulos dentro del post */
.single-post .entry-content h2 {
  font-size: 28px;
  line-height: 1.2;
  margin: 42px 0 14px;
}
.single-post .entry-content h3 {
  font-size: 22px;
  line-height: 1.25;
  margin: 34px 0 12px;
}

/* Links dentro del contenido */
.single-post .entry-content a {
  text-decoration: none;
  border-bottom: 2px solid rgba(214, 193, 224, 0.75); /* amatista suave */
}
.single-post .entry-content a:hover {
  border-bottom-color: rgba(201, 166, 70, 0.9); /* dorado */
}

/* Categorías y tags al final */
.single-post .cat-links a,
.single-post .tags-links a {
  display: inline-block;
  margin: 6px 8px 0 0;
  padding: 6px 10px;
  border-radius: 999px;
  background: #F9F5EF; /* beige-card */
  text-decoration: none;
  font-size: 13px;
  border: 1px solid rgba(0,0,0,.08);
}

/* Separadores de sección */
.single-post .entry-content hr {
  border: 0;
  height: 1px;
  background: rgba(0,0,0,.08);
  margin: 46px 0;
}

/* Comentarios más prolijos */
.single-post .comments-area {
  margin-top: 34px;
  padding-top: 24px;
  border-top: 1px solid rgba(0,0,0,.08);
}

.single-post .comments-title,
.single-post .comment-reply-title {
  font-size: 22px;
  margin-bottom: 12px;
}

.single-post textarea,
.single-post input[type="text"],
.single-post input[type="email"],
.single-post input[type="url"] {
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  padding: 12px 14px;
}

.single-post input[type="submit"],
.single-post .comment-form input[type="submit"]{
  border-radius: 999px;
  padding: 10px 18px;
  border: 0;
  background: #D6C1E0; /* custom-amatista */
  color: #1b1b1b;
  font-weight: 600;
}

/***************************************
  ARCHIVOS (Categoría / Blog) – Cards
****************************************/

/* Título de la categoría (header) */
.archive .page-header,
.blog .page-header {
  border-radius: 16px;
  padding: 34px 44px;
  margin-bottom: 26px;
  background: #F5F0E6; /* custom-beige */
}

/* Descripción de categoría */
.archive .page-header .archive-description {
  font-size: 16px;
  line-height: 1.8;
  opacity: .85;
  margin-top: 8px;
}

/* Listado en grid (si tu blog/archivo muestra varios posts) */
.archive .site-main,
.blog .site-main {
  display: block;
}

/* Card por post en archivo */
.archive .type-post,
.blog .type-post {
  margin-bottom: 22px;
}

.archive .type-post .inside-article,
.blog .type-post .inside-article {
  padding: 26px 28px;
}

/* Título de cada card */
.archive .type-post .entry-title,
.blog .type-post .entry-title {
  font-size: 22px;
  line-height: 1.25;
  margin-bottom: 6px;
}

/* Extracto */
.archive .type-post .entry-summary,
.blog .type-post .entry-summary {
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
}

/* “Read more” como botón */
.archive .read-more,
.blog .read-more {
  display: inline-block;
  margin-top: 12px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #D6C1E0;
  color: #1b1b1b;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}

/* Si el tema no crea .read-more, apuntamos al link del excerpt */
.archive .entry-summary a.more-link,
.blog .entry-summary a.more-link {
  display: inline-block;
  margin-top: 12px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #D6C1E0;
  color: #1b1b1b;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  border: 0 !important;
}

/***************************************
  RESPONSIVE – menos padding lateral
****************************************/
@media (max-width: 768px) {
  .single-post .inside-article,
  .archive .inside-article,
  .blog .inside-article {
    padding: 22px 18px;
    border-radius: 14px;
  }

  .archive .page-header,
  .blog .page-header {
    padding: 22px 18px;
  }
}
/* =========================
   CATEGORÍAS / ARCHIVOS
========================= */

/* Header de categoría */
.archive-header,
.category-header {
    background-color: #F5F0E6; /* custom-beige */
    padding: 80px 20px 60px;
    text-align: center;
    margin-bottom: 60px;
}

.archive-header h1,
.category-header h1 {
    font-size: 42px;
    margin-bottom: 12px;
}

.archive-description,
.category-description {
    max-width: 720px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.7;
    color: #555;
}

/* Lista de posts */
.archive .site-main,
.category .site-main {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px 80px;
}

/* Tarjeta de post */
.archive article,
.category article {
    padding: 32px 0;
    border-bottom: 1px solid #eee;
}

/* Título */
.archive article h2,
.category article h2 {
    font-size: 26px;
    margin-bottom: 6px;
}

/* Meta */
.archive .entry-meta,
.category .entry-meta {
    font-size: 14px;
    color: #999;
    margin-bottom: 12px;
}

/* Extracto */
.archive .entry-summary,
.category .entry-summary {
    font-size: 16px;
    line-height: 1.7;
}

/* Enlace leer más */
.archive .read-more,
.category .read-more {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    text-decoration: underline;
}
/* =========================
   ARTÍCULO INDIVIDUAL
========================= */

/* Header del post */
.single .entry-header {
    max-width: 780px;
    margin: 80px auto 40px;
    padding: 0 20px;
}

.single .entry-title {
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 12px;
}

/* Meta */
.single .entry-meta {
    font-size: 14px;
    color: #999;
}

/* Contenido */
.single .entry-content {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 20px 80px;
    font-size: 18px;
    line-height: 1.9;
}

/* Párrafos */
.single .entry-content p {
    margin-bottom: 1.5em;
}

/* Citas */
.single blockquote {
    font-style: italic;
    border-left: 4px solid #D6C1E0; /* amatista */
    padding-left: 20px;
    margin: 40px 0;
    color: #555;
}

/* Categorías */
.single .cat-links {
    display: block;
    margin-top: 40px;
    font-size: 14px;
}

/* Comentarios */
.comments-area {
    max-width: 720px;
    margin: 60px auto;
    padding: 40px 20px;
    border-top: 1px solid #eee;
}
.single .entry-header {
    background-color: #F5F0E6;
    padding: 80px 20px 60px;
    max-width: none;
}

.single .entry-header > * {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    padding:0 25px;
}
.single .entry-title {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    padding:0 25px;
}
/* ==========================================================
   BLOG / ARCHIVOS / SINGLE — Estilo "ensayo / libro"
   GeneratePress (ajusta si cambian clases)
   ========================================================== */

/* Variables suaves (ajusta si querés) */
:root{
  --ma-ink: #1f1f1f;
  --ma-muted: #6b6b6b;
  --ma-line: rgba(0,0,0,.08);
  --ma-paper: #ffffff;
  --ma-beige: #F5F0E6;          /* custom-beige */
  --ma-beige-card: #F9F5EF;     /* custom-beige-card */
  --ma-perla: #E6E6E6;          /* custom-gris-perla */
  --ma-amatista: #D6C1E0;       /* custom-amatista */
  --ma-amatista-claro: #EEE7F4; /* custom-amatista-claro */
}

/* --------- 1) Quitar "cajas" y hacer fondos full-width --------- */

/* Evita fondos parciales tipo "card" que no ocupan 100% */
.single-post .site-content,
.blog .site-content,
.archive .site-content,
.category .site-content{
  background: var(--ma-paper);
}

/* Quita fondos/bordes que GeneratePress aplica a .inside-article */
.single-post .inside-article,
.archive .inside-article,
.blog .inside-article,
.category .inside-article{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Contenedor general con respiro */
.single-post .content-area,
.archive .content-area,
.blog .content-area,
.category .content-area{
  padding: 0 !important;
}

/* --------- 2) Ancho de lectura “libro” --------- */

/* Texto principal a un ancho cómodo */
.single-post .entry-content,
.single-post .entry-summary{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* En archivos (categorías, blog) que el listado no se estire */
.archive .site-main,
.blog .site-main,
.category .site-main{
  max-width: 1270px;
  margin-left: auto!important;
  margin-right: auto!important;
}
.category .site-main{
  margin-top: 0px !important;
}

/* --------- 3) Tipografía y ritmo vertical --------- */

.single-post .entry-content{
  color: var(--ma-ink);
  font-size: 18px;
  line-height: 1.9;
}

.single-post .entry-content p{
  margin: 0 0 1.1em 0;
}

.single-post .entry-content h2,
.single-post .entry-content h3{
  margin-top: 2.2em;
  margin-bottom: .6em;
  line-height: 1.25;
}

.single-post .entry-content h2{ font-size: 28px; }
.single-post .entry-content h3{ font-size: 22px; }

.single-post .entry-content blockquote{
  border-left: 4px solid var(--ma-amatista);
  padding: 10px 16px;
  margin: 1.5em 0;
  background: var(--ma-beige-card);
  border-radius: 12px;
}

/* Links elegantes */
.single-post .entry-content a{
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

/* Separadores (si usas hr) */
.single-post .entry-content hr{
  border: 0;
  height: 1px;
  background: var(--ma-line);
  margin: 2.2em 0;
}

/* --------- 4) HEADER de SINGLE a 100% (tipo portada) --------- */

.single-post .entry-header{
  background: var(--ma-beige);
  width: 100%;
  padding: 56px 20px;
  margin: 0 0 28px 0;
}

/* Centrar “portada” y limitar ancho */
.single-post .entry-header .inside-article,
.single-post .entry-header .inside-article > *{
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/* Título single estilo libro */
.single-post .entry-title{
  font-size: 44px;
  line-height: 1.12;
  letter-spacing: -0.01em;
  margin: 0 auto 10px auto;
  color: var(--ma-ink);
}

/* Meta (fecha, autor) */
.single-post .entry-meta{
  color: var(--ma-muted);
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Quita íconos raros o cosas que empujan a la derecha */
.single-post .entry-meta .cat-links,
.single-post .entry-meta .comments-link{
  display: none !important;
}

/* ==========================================================
   BLOG / CATEGORÍAS / SINGLE — estilo editorial “ensayo/libro”
   (GeneratePress)
   ========================================================== */

:root{
  --ma-ink: #1f1f1f;
  --ma-muted: #6b6b6b;
  --ma-line: rgba(0,0,0,.08);
  --ma-paper: #ffffff;
  --ma-beige: #F5F0E6;          /* custom-beige */
  --ma-beige-card: #F9F5EF;     /* custom-beige-card */
  --ma-amatista: #D6C1E0;       /* custom-amatista */
}

/* ---------- Base: sin “cajas” raras del tema ---------- */
.single-post .inside-article,
.archive .inside-article,
.blog .inside-article,
.category .inside-article{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* ==========================================================
   1) SINGLE POST
   ========================================================== */

/* Portada FULL WIDTH */
.single-post .entry-header{
  background: var(--ma-beige);
  padding: 64px 20px;
  border-bottom: 1px solid var(--ma-line);
      width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw)
}

.single-post .entry-header > *{
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/* Título */
.single-post .entry-title{
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0 auto;
  color: var(--ma-ink);
  text-align: center;
  width: 100%;
  padding: 0 50px;
}

/* Meta */
.single-post .entry-meta{
  color: var(--ma-muted);
  font-size: 12px;
  letter-spacing: .10em;
  text-transform: uppercase;
  margin: 20px auto;
  text-align: center;
  width:100%;
}

/* Cuerpo estilo “libro” */
.single-post .entry-content{
  max-width: 760px;
  margin: 0 auto;
  padding: 0 20px 70px;
  font-size: 18px;
  line-height: 1.95;
  color: var(--ma-ink);
}

.single-post .entry-content p{ margin: 0 0 1.15em 0; }

.single-post .entry-content h2{
  font-size: 28px;
  line-height: 1.2;
  margin: 2.2em 0 .7em;
}

.single-post .entry-content h3{
  font-size: 22px;
  line-height: 1.25;
  margin: 2em 0 .6em;
}

.single-post .entry-content blockquote{
  background: var(--ma-beige-card);
  border-left: 4px solid var(--ma-amatista);
  padding: 14px 18px;
  border-radius: 14px;
  margin: 1.6em 0;
  font-style: italic;
}

/* Categorías/tags como chips al final (si aparecen) */
.single-post .cat-links a,
.single-post .tags-links a{
  display: inline-block;
  margin: 8px 10px 0 0;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--ma-beige-card);
  border: 1px solid var(--ma-line);
  text-decoration: none;
  font-size: 12px;
  color: var(--ma-ink);
}

/* Comentarios */
.single-post #comments{
  max-width: 760px;
  margin: 0 auto 80px;
  padding: 0 20px;
}

.single-post .comment-respond{
  background: #EEE7F4; /* amatista claro */
  border-radius: 18px;
  padding: 22px;
}

.single-post #submit{
  border-radius: 999px !important;
  padding: 10px 18px !important;
  background: var(--ma-amatista) !important;
  color: var(--ma-ink) !important;
  border: 0 !important;
}

/* Modal básico */
#ma-resources-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 99999;
}
#ma-resources-modal.is-open { display: block; }

#ma-resources-modal .ma-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
}

#ma-resources-modal .ma-panel{
  position: relative;
  width: min(520px, calc(100% - 24px));
  margin: 10vh auto;
  background: #fff;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 20px 60px rgba(0,0,0,.18);
}

#ma-resources-modal .ma-title{
  margin: 0 0 8px 0;
  font-size: 22px;
}

#ma-resources-modal .ma-desc{
  margin: 0 0 14px 0;
  opacity: .75;
}

#ma-resources-modal .ma-close{
  position:absolute;
  top:10px;
  right:12px;
  border:0;
  background:transparent;
  font-size:22px;
  cursor:pointer;
}

#ma-resources-modal input[type="email"]{
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.14);
  padding: 12px 14px;
}

#ma-resources-modal .ma-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top: 14px;
}

#ma-resources-modal .ma-btn{
  border-radius:999px;
  padding:10px 16px;
  border:1px solid rgba(0,0,0,.15);
  background:#fff;
  cursor:pointer;
}

#ma-resources-modal .ma-btn-primary{
  background:#D6C1E0;
  border-color:#D6C1E0;
}
/***************************************
  PÁGINA DESCARGAS (solo /descargas/)
***************************************/

/* Fondo y espaciado general */
body.page-id-133 .site-content {
  background: #ffffff;
}

body.page-id-133 .site-main {
  padding: 0 !important;
}

body.page-id-133 .inside-article {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* “Hero” superior: título + intro como banda */
body.page-id-133 .entry-content > h3.wp-block-heading:first-of-type {
  background: #F5F0E6; /* custom-beige */
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  padding: 64px 20px 64px;
  text-align: center;

  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.15;
  margin-bottom: 0;
}

body.page-id-133 .entry-content > h3.wp-block-heading:first-of-type + p {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top:50px;
  padding: 0 20px 42px;
  text-align: center;

  max-width: 820px;
  margin-left: auto;
  margin-right: auto;

  font-size: 16px;
  line-height: 1.85;
  color: rgba(0,0,0,.72);
}

/* Área del grid (debajo del hero) */
body.page-id-133 .entry-content > .wp-block-columns {
  max-width: 1100px;
  margin: 40px auto 80px;
  padding: 0 20px;
}

/* Convertir las columnas en grid “covers” */
body.page-id-133 .entry-content > .wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
}

/* Quitar “flex-basis 25%” y comportamientos de columnas */
body.page-id-133 .entry-content > .wp-block-columns > .wp-block-column {
  width: auto !important;
  flex-basis: auto !important;
}

/* Cada recurso como “card” clickeable */
body.page-id-133 .entry-content > .wp-block-columns > .wp-block-column a {
  display: block;
  border-radius: 18px;
  overflow: hidden;
  background: #F9F5EF; /* custom-beige-card */
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
  transform: translateY(0);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

body.page-id-133 .entry-content > .wp-block-columns > .wp-block-column a:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
  filter: saturate(1.02);
}

/* Las portadas todas iguales (estilo librería) */
body.page-id-133 .entry-content > .wp-block-columns img {
  display: block;
  width: 100% !important;
  height: auto;
  object-fit: cover;
}

/* Responsive */
@media (max-width: 1024px) {
  body.page-id-133 .entry-content > .wp-block-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
  body.page-id-133 .entry-content > .wp-block-columns img {
    height: 340px;
  }
}

@media (max-width: 640px) {
  body.page-id-133 .entry-content > .wp-block-columns {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 26px;
  }
  body.page-id-133 .entry-content > .wp-block-columns img {
    height: 320px;
  }
}

.ma-books-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}
@media (max-width: 1024px){
  .ma-books-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px){
  .ma-books-grid{ grid-template-columns: 1fr; }
}

.ma-book-card{
  background:#F9F5EF;
  border-radius:16px;
  padding:24px;
  height:100%;
  display:flex;
  flex-direction:column;
}

.ma-book-cover img{
  width:100%;
  height:auto;
  display:block;
  border-radius:8px;
}

.ma-book-title{
  font-size:18px;
  margin:14px 0 8px;
}

.ma-book-excerpt{
  font-size:14px;
  margin:0 0 16px;
}

.ma-book-actions{
  margin-top:auto;
  display:flex;
  gap:8px;
}

.ma-btn-outline,
.ma-btn-fill{
  flex:1;
  text-align:center;
  font-size:14px;
  padding:8px 0;
  border-radius:999px;
  text-decoration:none;
}

.ma-btn-outline{
  border:1px solid #333;
  color:#333;
  background:transparent;
}

.ma-btn-fill{
  background:#D6C1E0;
  color:#333;
}
/* ===== Single Libro ===== */
.ma-book-hero{
  background:#F5F0E6;
  padding:60px 20px;
  width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
.ma-book-hero .ma-btn{
    padding:10px 20px;
}
.ma-book-hero__inner{ max-width:1100px; margin:0 auto; }
.ma-book-hero__grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:40px;
  align-items:center;
}
@media (max-width: 900px){
  .ma-book-hero__grid{ grid-template-columns: 1fr; }
}

.ma-book-title{ margin:0 0 10px 0; font-size:44px; line-height:1.12; }
.ma-book-subtitle{ margin:0 0 14px 0; font-size:16px; opacity:.85; max-width:70ch; }
.ma-book-claim{ margin:0 0 18px 0; font-style:italic; opacity:.85; max-width:70ch; }

.ma-book-hero__actions{ display:flex; gap:12px; flex-wrap:wrap; margin-top:10px; }

.ma-book-hero__cover img{
  width:100%;
  height:auto;
  border-radius:16px;
  display:block;
}

.ma-book-buylist{ margin-top:14px; font-size:14px; opacity:.85; }
.ma-book-buylist__label{ margin-right:10px; }
.ma-book-buylist a{ margin-right:10px; text-decoration:none; }
.ma-book-buylist a:hover{ background:#f1efef }

.ma-book-article{ padding:46px 20px 80px; }
.ma-book-article__inner{ max-width:760px; margin:0 auto; }
.ma-book-content{ font-size:18px; line-height:1.9; }
.ma-book-content p{ margin:0 0 1.1em 0; }
.ma-book-content h2{ margin:2.2em 0 .6em; font-size:28px; line-height:1.25; }
.ma-book-content h3{ margin:2em 0 .6em; font-size:22px; line-height:1.25; }

.ma-other-covers{ margin-top:40px; }
.ma-other-covers__grid{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:14px;
}
@media (max-width: 768px){
  .ma-other-covers__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.ma-other-covers__grid img{
  width:100%;
  height:auto;
  border-radius:12px;
  display:block;
  background:#eee;
}

.ma-book-tax__chips{ margin-top:26px; display:flex; flex-wrap:wrap; gap:10px; }
.ma-chip{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  background:#F9F5EF;
  border:1px solid rgba(0,0,0,.08);
  font-size:13px;
}
/* =========================
   MENÚ: ÍCONO HOME
========================= */

/* Ocultamos el texto visualmente (pero queda para lectores de pantalla) */
.main-navigation .menu-item-home-icon > a {
    position: relative;
    font-size: 0!important; /* oculta texto */
}

/* Ícono de casa (SVG inline via CSS) */
.main-navigation .menu-item-home-icon > a::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l9 8h-3v9h-5v-6h-2v6H6v-9H3l9-8z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

/* Ajuste vertical */
.main-navigation .menu-item-home-icon > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
}

/* Hover consistente con el resto del menú */
.main-navigation .menu-item-home-icon > a:hover {
    color: #D6C1E0; /* custom-amatista */
}
/****************************************************
  1) MENÚ: icono Home alineado (sin texto)
*****************************************************/

/* Alinea el ítem "Inicio" (icono) con el resto del menú */
.main-navigation .menu-item-home > a,
.main-navigation .menu-item-inicio > a {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  padding-top: 18px;      /* ajusta si tu menú usa otro padding */
  padding-bottom: 18px;   /* ajusta si tu menú usa otro padding */
}

/* Si el icono lo metiste con :before (Dashicons / FontAwesome / SVG) */
.main-navigation .menu-item-home > a:before,
.main-navigation .menu-item-inicio > a:before {
  line-height: 1;
  position: relative;
  top: 1px; /* baja 1px para que no quede “flotando” */
}

/* Si el icono está como <i> o <svg> dentro del <a> */
.main-navigation .menu-item-home > a i,
.main-navigation .menu-item-home > a svg,
.main-navigation .menu-item-inicio > a i,
.main-navigation .menu-item-inicio > a svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 1px;
}


/****************************************************
  2) HOME: TÍTULOS (Libros Destacados / Últimos libros / Últimos artículos)
*****************************************************/

.home-libros-destacados h2,
.home-ultimos-libros h2,
.home-blog h2 {
  font-size: 22px !important;   /* reduce bastante */
  line-height: 1.2;
  margin-bottom: 26px !important;
}

/* Opcional: en móvil un poco más pequeño */
@media (max-width: 768px){
  .home-libros-destacados h2,
  .home-ultimos-libros h2,
  .home-blog h2 {
    font-size: 20px !important;
  }
}


/****************************************************
  2) HOME: LIBROS (Destacados + Últimos)
  - mostrar solo subtítulo + claim (oculta título/extracto)
  - botones bonitos, al fondo y a la derecha
*****************************************************/

/* Asegura cards “altas iguales” y layout vertical */
.home-libros-destacados .ma-book-card,
.home-ultimos-libros .ma-book-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* El cuerpo ocupa el alto y permite empujar botones abajo */
.home-libros-destacados .ma-book-card__body,
.home-ultimos-libros .ma-book-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
}


/* Subtítulo visible y prolijo */
.home-libros-destacados .ma-book-card__subtitle,
.home-ultimos-libros .ma-book-card__subtitle {
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 10px 0;
}

/* Claim en cursiva y entre comillas */
.home-libros-destacados .ma-book-card__claim,
.home-ultimos-libros .ma-book-card__claim {
  font-style: italic;
  margin: 0;
  opacity: .9;
}
.home-libros-destacados .ma-book-card__claim:before,
.home-ultimos-libros .ma-book-card__claim:before { content: "“"; }
.home-libros-destacados .ma-book-card__claim:after,
.home-ultimos-libros .ma-book-card__claim:after { content: "”"; }

/* Botonera SIEMPRE abajo a la derecha */
.home-libros-destacados .ma-book-card__actions,
.home-ultimos-libros .ma-book-card__actions {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 14px;
}

/* Estilo de botones “similar al home” */
.home-libros-destacados .ma-btn,
.home-ultimos-libros .ma-btn {
  display: inline-block;
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 13px;
  text-decoration: none !important;
  line-height: 1;
}

/* Outline */
.home-libros-destacados .ma-btn-outline,
.home-ultimos-libros .ma-btn-outline {
  border: 1px solid rgba(0,0,0,.35);
  background: transparent;
  color: #333;
}

/* Primary (amatista) */
.home-libros-destacados .ma-btn-primary,
.home-ultimos-libros .ma-btn-primary {
  background: #D6C1E0;
  color: #1b1b1b;
  border: 0;
}

.home-libros-destacados .ma-btn:hover,
.home-ultimos-libros .ma-btn:hover {
  filter: brightness(.97);
  transform: translateY(-1px);
}


/****************************************************
  3) HOME: ÚLTIMOS ARTÍCULOS
  - botón “Leer artículo” abajo y a la derecha
*****************************************************/

/* Asegura que la tarjeta sea columna */
.home-blog .home-blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* El excerpt “crece” y empuja el botón abajo */
.home-blog .home-blog-card .wp-block-post-excerpt {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Botón siempre al final, a la derecha */
.home-blog .home-blog-card .wp-block-post-excerpt__more-link {
  margin-top: auto;
  align-self: flex-end;
}

/* (Tu estilo actual de botón ya está bien; esto solo asegura posición) */
/***************************************
  1) MENÚ: Home icon alineado con texto
****************************************/

/* Ajusta el item del Home para que icono quede centrado verticalmente */
.main-navigation .main-nav > ul > li.menu-item-home > a,
.main-navigation .main-nav > ul > li#menu-item-home > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  padding-top: 18px;   /* igual que tus links desktop */
  padding-bottom: 18px;
  height:98px!important;
}

/* Si el icono es un <i> / <svg> / dashicon dentro del link */
.main-navigation .main-nav > ul > li.menu-item-home > a i,
.main-navigation .main-nav > ul > li.menu-item-home > a svg,
.main-navigation .main-nav > ul > li#menu-item-home > a i,
.main-navigation .main-nav > ul > li#menu-item-home > a svg {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(1px); /* micro ajuste */
}

/* Si el icono lo pusiste con :before (Font Awesome / Dashicons) */
.main-navigation .main-nav > ul > li.menu-item-home > a:before,
.main-navigation .main-nav > ul > li#menu-item-home > a:before {
  position: relative;
  top: 1px; /* baja un toque el icono */
}


/***************************************
  2) LIBROS (destacados + últimos)
  - títulos más pequeños (NO ocultar)
  - subtítulo y claim mismo tamaño
  - claim con "comillas" + cursiva
  - botones abajo a la derecha siempre
****************************************/

/* Grid responsivo (4 columnas desktop) */
.ma-books-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}
@media (max-width: 1024px){
  .ma-books-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .ma-books-grid{ grid-template-columns: 1fr; }
}

/* Card: altura completa y estructura para empujar botones abajo */
.ma-book-card{
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  background: #F9F5EF;
  border: 1px solid rgba(0,0,0,.06);
}

/* Cover */
.ma-book-card__cover img{
  width: 100%;
  height: auto;
  display: block;
}

/* Body ocupa el alto y permite empujar acciones abajo */
.ma-book-card__body{
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 16px 16px 14px;
}

/* ✅ TÍTULO: más pequeño (y forzamos que NO esté oculto) */
.ma-book-card__title{
  display: block !important;
  margin: 0 0 8px 0;
  font-size: 15px;     /* más pequeño */
  line-height: 1.25;
  font-weight: 600;
}
.ma-book-card__title a{
  text-decoration: none;
}
.ma-book-card__title a:hover{
  text-decoration: underline;
}

/* Subtítulo y claim: mismo tamaño */
.ma-book-card__subtitle,
.ma-book-card__claim{
  font-size: 13px;     /* mismo tamaño */
  line-height: 1.65;
  margin: 0 0 10px 0;
  color: #333;
}

/* Claim en cursiva y con comillas dobles */
.ma-book-card__claim{
  font-style: italic;
}
.ma-book-card__claim:before{ content: "“"; }
.ma-book-card__claim:after{ content: "”"; }

/* Si estás mostrando excerpt, mantenelo más discreto */
.ma-book-card__excerpt{
  display:none;
}

/* Acciones: siempre abajo y a la derecha */
.ma-book-card__actions{
  margin-top: auto;              /* empuja abajo */
  display: flex;
  justify-content: flex-end;     /* derecha */
  gap: 10px;
}

/* Botones estilo home (suaves, redondeados) */
.ma-book-card .ma-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 12px;
  text-decoration: none !important;
  line-height: 1;
  border: 1px solid rgba(0,0,0,.18);
  color: #333;
  background: #fff;
}
.ma-book-card .ma-btn:hover{
  filter: brightness(.98);
}

/* Primario amatista */
.ma-book-card .ma-btn-primary{
  background: #D6C1E0;
  border-color: transparent;
  color: #1b1b1b;
}

/* Outline */
.ma-book-card .ma-btn-outline{
  background: transparent;
}


/* Títulos de secciones (Libros Destacados / Últimos libros): más pequeños */
.home-libros-destacados h2,
.home-ultimos-libros h2{
  font-size: 22px;
  margin-bottom: 26px;
}
@media (max-width: 640px){
  .home-libros-destacados h2,
  .home-ultimos-libros h2{
    font-size: 20px;
  }
}


/***************************************
  3) ÚLTIMAS NOTICIAS: botón abajo derecha
****************************************/

/* La card ya es flex en tu CSS, reforzamos estructura */
.home-blog-card{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* El excerpt como columna para empujar el botón */
.home-blog-card .wp-block-post-excerpt{
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Botón "Leer artículo" siempre abajo a la derecha */
.home-blog-card .wp-block-post-excerpt__more-link{
  margin-top: auto !important;    /* empuja abajo */
  align-self: flex-end;           /* derecha */
  display: inline-block;
  text-decoration: none;
}

/* ================================
   HOME – ÚLTIMOS ARTÍCULOS
   Botón "Leer artículo" abajo/derecha
================================ */

/* La tarjeta debe comportarse como columna y ocupar toda la altura */
.home-blog .home-blog-card{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* El bloque excerpt debe poder empujar el botón hacia abajo */
.home-blog .home-blog-card .wp-block-post-excerpt{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* El <p> donde viene el texto + link también en columna */
.home-blog .home-blog-card .wp-block-post-excerpt__excerpt{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* El link "Leer artículo" al fondo y alineado a la derecha */
.home-blog .home-blog-card .wp-block-post-excerpt__more-text{
  margin-top: 30px;
  align-self: flex-end;
}
/* =========================
   ARCHIVE LIBROS (Grid + Hero)
   ========================= */

.ma-libros-archive-hero{
  background: #F5F0E6; /* tu beige */
  padding: 56px 20px;
  margin: 0 0 28px 0;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.ma-libros-archive-hero__inner{
  max-width: 1100px;
  margin: 0 auto;
}

.ma-libros-archive-hero__title{
  margin: 0;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.1;
}

/* Evita que algo "se meta" debajo del hero */
.ma-libros-archive .site-main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.ma-libros-category .site-main{
  margin-top: 0 !important;
}
.ma-libros-archive__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px 60px;
}

/* Grid 3 columnas (idéntico comportamiento home) */
.ma-books-grid--3cols{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  align-items: stretch;
}

@media (max-width: 1024px){
  .ma-books-grid--3cols{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .ma-books-grid--3cols{
    grid-template-columns: 1fr;
  }
}

/* Paginación prolija */
.ma-pagination{
  margin-top: 28px;
}

.ma-pagination .page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  text-decoration: none;
  margin-right: 8px;
}

.ma-pagination .page-numbers.current{
  background: #D6C1E0; /* amatista */
  border-color: transparent;
}
/* ===== ARCHIVO LIBROS – HEADER FULL WIDTH ===== */

/* Quita el padding/margen que lo encierra */
.post-type-archive-libros .inside-article {
    padding: 0;
}

/* Banda del título */
.ma-libros-archive-hero {
    background-color: var(--custom-beige, #F5EFE6);
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 60px 20px;
    box-sizing: border-box;
}

/* Contenedor interno centrado */
.post-type-archive-libros header.page-header .page-header-inner,
.post-type-archive-libros header.page-header h1 {
    max-width: 1100px;
    margin: 0 auto;
}

/* Título limpio */
.post-type-archive-libros header.page-header h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 500;
}

/* Elimina “Archivo:” si GP lo imprime como before */
.post-type-archive-libros header.page-header h1::before {
    content: "";
}
/* ===== FIX SOLO PARA LIBROS (archivo + categorías + single) ===== */

/* 1) Evitar que el layout "flex" global de .site-content desplace la grilla */
.post-type-archive-libros .site-content,
.tax-libros_categoria .site-content,
.single-libros .site-content{
  display: block !important;
}

/* 2) Asegurar que el contenedor principal use el ancho correcto */
.post-type-archive-libros .site-content .content-area,
.tax-libros_categoria .site-content .content-area,
.single-libros .site-content .content-area{
  width: 100% !important;
  max-width: 100% !important;
}

/* (Opcional) si te aparece sidebar en libros por alguna razón */
.post-type-archive-libros #right-sidebar,
.post-type-archive-libros #left-sidebar,
.tax-libros_categoria #right-sidebar,
.tax-libros_categoria #left-sidebar{
  display: none !important;
}
.ma-book-card__cat{
    display: inline-block;
    font-size: 9px;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 6px 7px;
    border-radius: 8px;
    background: #EEE7F4;
    color: #333;
    margin:0 0 10px 0;
}
/* ===== Single Libros: ajustes puntuales ===== */

/* Subtítulo más grande */
.ma-book-subtitle{
  font-size: 24px;
  line-height: 1.5;
  margin-top: 10px;
}

/* Claim al final del contenido */
.ma-book-claim-bottom{
  margin-top: 18px;
  font-size: 22px;
  line-height: 1.6;
  font-style: italic;
}

/* Bloque Sala de Profesores */
.ma-prof-section{
  margin-top: 28px;
  padding: 35px;
  border-radius: 14px;
  background: #F9F5EF; /* mismo tono “card” */
}

.ma-prof-actions{
  margin-top: 14px;
}

/* Título de otras portadas: más pequeño */
.ma-other-covers__title{
  font-size: 22px;
  margin: 28px 0 14px;
}

/* Más opciones: botones pequeños */
.ma-book-buylist{
  margin-top: 12px;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.ma-book-buylist__label{
  font-size: 13px;
  opacity: .8;
}

.ma-book-buylist__buttons{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* Botón pequeño reutilizable */
.ma-btn.ma-btn-small{
  padding: 6px 10px;
  font-size: 12px;
  border-radius: 999px;
  line-height: 1.2;
}
/* ==============================
   BLOG (HOME + ARCHIVOS) - FIXES
   ============================== */

/* Evitar que el layout global flex rompa blog/archives */
body.blog .site-content,
body.archive .site-content,
body.category .site-content {
  display: block !important;
}

/* Header full width + título centrado (Blog y Categorías) */
.ma-archive-hero {
      width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);;
  background: #F3EEE4; /* ajusta a tu beige */
  padding: 40px 20px;
}
.ma-archive-hero__inner {
  max-width: 1270px;
  margin: 0 auto;
  text-align: center;
}
.ma-archive-hero__title {
  margin: 0;
}
.ma-archive-hero__desc {
  margin: 10px auto 0;
  max-width: 760px;
  opacity: .8;
}

/* Grid 3 columnas dentro de 1024 */
.ma-posts-wrap {
  max-width: 1270px;
  margin: 0 auto;
  padding: 0 20px 70px;
}
.ma-posts-grid {
  display: grid;
  gap: 24px;
}

/* desktop */
@media (min-width: 1025px) {
  .ma-posts-grid { grid-template-columns: repeat(3, 1fr); }
}
/* tablet */
@media (max-width: 1024px) {
  .ma-posts-grid { grid-template-columns: repeat(2, 1fr); }
}
/* mobile */
@media (max-width: 640px) {
  .ma-posts-grid { grid-template-columns: 1fr; }
}

/* Card estilo home (reusa look) */
.ma-post-card {
  background: #F8F6FB;              /* tu lila claro */
  border: 1px solid #E0D7F0;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  min-height: 360px;                 /* ayuda a igualar alturas */
}

/* Contenido que crece para empujar el botón abajo */
.ma-post-card__content {
  flex: 1;
}

/* Botón abajo a la derecha */
.ma-post-card__actions {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
}

/* Botón “Leer artículo” con estilo consistente */
.ma-post-card__actions a,
.home-blog-card .wp-block-post-excerpt__more-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid #9B7BD1; /* amatista */
  text-decoration: none;
  font-size: 13px;
  line-height: 1;
}

/* --- FIX ESPECÍFICO PARA HOME (Query block) --- */

/* La tarjeta del home ya existe: .home-blog-card */
.home-blog-card {
  display: flex !important;
  flex-direction: column !important;
}

/* Convertimos el excerpt en columna para poder empujar el link abajo */
.home-blog-card .wp-block-post-excerpt {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Empuja el link “Leer artículo” al final y lo alinea a la derecha */
.home-blog-card .wp-block-post-excerpt__more-link {
  margin-top: auto !important;
  align-self: flex-end !important;
}

/* (Opcional) un poco de aire entre extracto y botón */
.home-blog-card .wp-block-post-excerpt__excerpt {
  margin-bottom: 14px;
}
.ma-post-card__excerpt{
    font-size:14px!important;
}
.wp-block-post-excerpt__more-text{
    display:block;
    width:100%;
    text-align:right;
}
.ma-post-card__body{
    padding-right:40px;
    padding-left:40px;
}

.home-blog-card{
  border:1px solid #E0D7F0;
  background:#F8F6FB;
  border-radius:16px;
  padding:20px;
  display:flex;
  flex-direction:column;
  min-height: 320px;
}

.home-blog-card__actions{
  margin-top:auto;
  display:flex;
  justify-content:flex-end;
}
.is-open {
    max-width: 100%!important;
}
/* Mensaje de éxito del modal */

.ma-success__text{
  margin:0;
  font-size:14px;
  line-height:1.45;
  color:#333;
}
footer{
    display:none;
}
.footer-widgets-container{
    padding: 40px 0 0 0;
}

/* Fondo full-width */
.ma-footer-full{
  padding:70px 0;
  position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #E6E6E6; /* Gris perla del proyecto */
}
.ma-footer-inner{
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
  color:#333;
  font-size:14px;
}

/* Top */
.ma-footer-top{
  display:flex;
  gap:24px;
  align-items:flex-start;
}
.ma-footer-brand{ width:100%; }

/* Logo + texto */
.ma-brand-row{
  display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}
.ma-logo{
  font-weight:400;
  letter-spacing:.06em;
  font-size:30px;
}
.ma-brand-sep{ opacity:.6; }
.ma-brand-text{ min-width:260px; }
.ma-brand-line{ font-size:14px; }
.ma-brand-sub{
  margin-top:6px;
  font-style:italic;
  opacity:.85;
  font-size:13px;
}

/* Botón + redes (debajo del logo/texto) */
.ma-footer-cta{
  margin-top:25px;
  margin-bottom:25px;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.ma-btn-contact{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:6px;
  background:#6b6b6b;
  color:#fff !important;
  text-decoration:none;
  line-height:1;
}
.ma-btn-contact:hover{ opacity:.9; }

.ma-social{
  display:flex;
  align-items:center;
  gap:8px;
}
.ma-social-btn{
  width:34px;
  height:34px;
  border-radius:6px;
  background:#6b6b6b;
  color:#fff !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:700;
  padding: 10px;
}
.ma-social-btn:hover{ opacity:.9; }

.ma-footer-divider{
  height:1px;
  background:rgba(0,0,0,.12);
  margin:16px 0;
}

/* 3 columnas */
.ma-footer-cols{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
}
.ma-col-title{
    font-weight: 700;
    letter-spacing: .06em;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 0px 15px 15px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.ma-col-list{
  list-style:disc;
  padding-left:18px;
  margin:0;
}
.ma-col-list li{ margin:6px 0; }
.ma-col-list a{
  color:#333;
  text-decoration:none;
}
.ma-col-list a:hover{ text-decoration:underline; }

/* Bottom */
.ma-footer-bottom{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:12px;
  align-items:center;
  font-size:12px;
  opacity:.9;
}
.ma-legal-title{ font-weight:700; letter-spacing:.06em; }
.ma-copy{ text-align:center; }
.ma-dev{ text-align:right; }

/* Responsive */
@media (max-width: 800px){
  .ma-footer-cols{ grid-template-columns:1fr; margin-top:50px; margin-bottom:50px;}
  .ma-footer-bottom{ grid-template-columns:1fr; text-align:left; }
  .ma-copy, .ma-dev{ text-align:left; }
  .ma-footer-divider{display:none;}
  .ma-recursos-title{ margin-top:30px;}
  .ma-contacto-title{ margin-top:30px;}
  .ma-explorar-title, .ma-footer-bottom, .ma-copy, .ma-dev { text-align:center!important;}
  .ma-contacto-title, .ma-contacto-list{
    border-left: 0!important;
  }
  .ma-footer-top{padding-left:14px;}
  .separate-containers .inside-article{padding-left:0;padding-right:0;}
}
.ma-recursos-title{
    text-align:center!important;
}
.ma-contacto-title{
    text-align:center;
}
.ma-contacto-title, .ma-contacto-list{
    border-left: 1px solid rgba(0, 0, 0, .12);
}
.ma-social svg{
    fill: #ffffff;
  transition: opacity 0.2s ease;
}
/*************************************
  1) BASE: evitar “desbordes” y dar aire
*************************************/
html, body { overflow-x: hidden; }

.wp-site-blocks,
.site,
.site-content {
  width: 100%;
}

@media (max-width: 1330px) {
    .has-inline-mobile-toggle .mobile-menu-control-wrapper {
        display: flex!important;
        flex-wrap: wrap!important;
    }
    .main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder){
        display: block!important;
    }
}
.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: #fff!important;
}

@media (max-width: 768px) {
    .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){
      display:none!important;
  }
  .inside-article,
  .inside-page-header,
  .inside-header,
  .inside-navigation,
  .inside-top-bar,
  .inside-site-info,
  .inside-footer-widgets {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){
      display:none!important;
  }

/*************************************
  2) MENÚ (GeneratePress): mobile limpio
*************************************/
/* Botón hamburguesa */
@media (max-width: 1330px) {

  /* Fondo del listado */
  .main-navigation .main-nav ul {
    padding: 10px 0;
  }
  .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){
      display:none!important;
  }

  .main-navigation .main-nav ul li a {
    padding: 12px 16px;
    line-height: 1.2;
  }

  /* Submenús */
  .main-navigation .main-nav ul ul {
    padding: 0;
    margin: 0;
  }

  .main-navigation .main-nav ul ul li a {
    padding-left: 28px;
    opacity: 0.95;
  }
  .main-navigation .main-nav > ul > li.menu-item-home > a,
    .main-navigation .main-nav > ul > li#menu-item-home > a {
      height:auto!important;
    }
  .main-navigation .menu-item-home-icon > a {
    font-size: 15px!important; /* oculta texto */
  }
}

/*************************************
  3) HERO HOME: apilar columnas + centrar
*************************************/
@media (max-width: 900px) {
  .home-hero-rw .wp-block-columns {
    flex-wrap: wrap !important;
    gap: 24px !important;
  }

  .home-hero-rw .wp-block-column {
    flex-basis: 100% !important;
  }

  .home-hero-rw h1 {
    font-size: 34px !important;
  }

  .home-hero-rw h3 {
    font-size: 18px !important;
  }

  .home-hero-rw .wp-block-image {
    text-align: center;
  }

  .home-hero-rw .wp-block-image img {
    max-width: 320px;
    width: 100%;
    height: auto;
  }
}

/*************************************
  4) GRIDS: Libros + Blog (3→2→1 columnas)
*************************************/
/* Libros (shortcode .ma-books-grid) */
.ma-books-grid {
  display: grid;
  gap: 22px;
}

/* desktop */
@media (min-width: 1025px) {
  .ma-books-grid { grid-template-columns: repeat(3, 1fr); }
}
/* tablet */
@media (max-width: 1024px) {
  .ma-books-grid { grid-template-columns: repeat(2, 1fr); }
}
/* mobile */
@media (max-width: 640px) {
  .ma-books-grid { grid-template-columns: 1fr; }
}

/* Blog Home (Query Loop) */
.home-blog .wp-block-post-template {
  display: grid !important;
  gap: 22px !important;
}

/* desktop */
@media (min-width: 1025px) {
  .home-blog .wp-block-post-template { grid-template-columns: repeat(3, 1fr) !important; }
}
/* tablet */
@media (max-width: 1024px) {
  .home-blog .wp-block-post-template { grid-template-columns: repeat(2, 1fr) !important; }
}
/* mobile */
@media (max-width: 640px) {
  .home-blog .wp-block-post-template { grid-template-columns: 1fr !important; }
}

/*************************************
  5) TARJETAS: botón pegado abajo (Libros + Blog)
*************************************/
/* Card de libro */
.ma-book-card {
  height: 100%;
}
.ma-book-card__body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ma-book-card__actions {
  margin-top: auto;
}

/* Card de blog (home-blog-card) */
.home-blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.home-blog-card .wp-block-post-excerpt {
  margin-top: 10px;
}
.home-blog-card .read-more,
.home-blog-card a.wp-block-post-excerpt__more-link {
  margin-top: auto;
  align-self: flex-start;
}

/*************************************
  6) SECCIÓN “Materiales Descargables”: mejor en mobile
*************************************/
@media (max-width: 640px) {
  .home-recursos-prensa {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .home-recursos-prensa h3 {
    font-size: 22px;
  }
}

/*************************************
  7) FOOTER: apilar y mantener orden en mobile
*************************************/
/* Ajusta el wrapper del footer si lo montaste con HTML */
@media (max-width: 768px) {
  .ma-footer-top,
  .ma-footer-mid,
  .ma-footer-bottom {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .ma-footer-top-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    text-align: left !important;
  }

  .ma-footer-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-start !important;
  }

  .ma-footer-cols {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}
/* =========================================================
   GP Mobile header (<=1330): logo izq + hamburguesa der
   Menú 100% debajo (sin texto "Menú")
   ========================================================= */
@media (max-width: 1330px){

  /* 1) Layout del header: 1ra fila logo+toggle, 2da fila menú */
  #site-navigation .inside-navigation{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px;
  }

  /* Logo: que no se "aplane" */
  #site-navigation .site-branding{
    order:1;
    flex:1 1 auto;
    min-width: 0;
  }

  /* Mantener "Martha Alles" en una sola línea (en 1330 debería caber) */
  #site-navigation .main-title a{
    white-space: nowrap;
  }

  /* Botón hamburguesa a la derecha, sin ocupar 100% */
  #site-navigation .menu-toggle{
    order:2;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    margin:0 !important;
    padding:10px 12px !important;
    border-radius:999px;
  }

  /* Quitar el texto "Menú" del botón */
  #site-navigation .menu-toggle .mobile-menu{
    display:none !important;
  }

  /* 2) Menú debajo y full width */
  #site-navigation .main-nav{
    order:3;
    flex-basis:100%;
    width:100% !important;
    margin-top:10px;
  }

  /* Estado cerrado */
  #site-navigation:not(.toggled) .main-nav > ul{
    display:none !important;
  }

  /* Estado abierto */
  #site-navigation.toggled .main-nav > ul{
    display:block !important;
    width:100%;
  }

  /* Links full width */
  #site-navigation .main-nav > ul > li{
    display:block;
    width:100%;
    margin:0;
  }

  #site-navigation .main-nav > ul > li > a{
    display:block;
    padding:14px 16px;
    text-transform: uppercase;
  }

  /* Submenús en mobile: que no “floten” */
  #site-navigation .main-nav ul ul{
    position:static !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    box-shadow:none !important;
    background:transparent !important;
    min-width:0 !important;
  }
}
/* =========================================================
   GP Header Mobile (<=1330px)
   - Logo izquierda (sin recortes)
   - Toggle derecha (sin texto "Menú")
   - Menú 100% debajo
   ========================================================= */
@media (max-width: 1330px){

  /* 0) Evitar que GP “encajone” o recorte el título */
  #site-navigation .site-branding,
  #site-navigation .site-branding .main-title,
  #site-navigation .site-branding .main-title a{
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
  }

  /* 1) Fila superior: logo + botón */
  #site-navigation .inside-navigation{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;          /* IMPORTANTÍSIMO: no wrap */
    gap: 14px !important;
  }

  /* Logo a la izquierda, que NO se achique a “Martha A…” */
  #site-navigation .site-branding{
    flex: 1 1 auto !important;
    min-width: 0 !important;               /* permite que flex calcule bien */
  }

  /* En 1330 suele entrar en 1 línea, pero si tu font es grande, bajamos un poco */
  #site-navigation .main-title a{
    white-space: nowrap !important;
    font-size: 36px !important;            /* ajustá 34–38 si querés */
    line-height: 1.15 !important;
  }

  /* Toggle (hamburguesa) a la derecha */
  #site-navigation .menu-toggle{
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 999px !important;
  }

  /* Quitar texto “Menú” del botón (dejar solo ícono) */
  #site-navigation .menu-toggle .mobile-menu{
    display: none !important;
  }

  /* 2) Menú desplegable: DEBAJO y ANCHO 100% */
  #site-navigation .main-nav{
    flex-basis: 100% !important;
    width: 100% !important;
    order: 3 !important;
    margin-top: 10px !important;
  }

  /* Cerrado: ocultar lista */
  #site-navigation:not(.toggled) .main-nav > ul{
    display: none !important;
  }

  /* Abierto: mostrar lista a 100% */
  #site-navigation.toggled .main-nav > ul{
    display: block !important;
    width: 100% !important;
  }

  /* Items full width */
  #site-navigation .main-nav > ul > li{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #site-navigation .main-nav > ul > li > a{
    display: block !important;
    width: 100% !important;
    padding: 14px 16px !important;
    text-transform: uppercase;
  }

  /* Submenús en mobile: que no floten */
  #site-navigation .main-nav ul ul{
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
    min-width: 0 !important;
  }
}
/* ==========================================
   DESKTOP: Submenú de 2do nivel a la derecha
   (solo >1330px)
   ========================================== */
@media (min-width: 1331px){

  /* Asegura referencia de posicionamiento */
  .main-navigation ul ul li{
    position: relative;
  }

  /* 2do nivel (dropdown dentro del dropdown) */
  .main-navigation ul ul ul{
    top: 0;
    left: 100%;
    right: auto;
    margin-left: 0;
    transform: translateX(6px); /* micro separación */
  }

  /* Mostrar 2do nivel al hover del item padre */
  .main-navigation ul ul li:hover > ul{
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  /* (Opcional) si querés que no se corte en bordes */
  .main-navigation ul ul{
    overflow: visible;
  }
}

/* Para materiales descargables */

.ma-resources-ticker{
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  background:#F9F5EF;
  padding:10px 12px;
  margin: 12px 0 14px;
}
.ma-resources-ticker__row{
  display:flex;
  gap: 12px;                 /* separación entre tarjetas */
  white-space:nowrap;
  will-change: transform;
  animation: maTicker 18s linear infinite;
  align-items: center;
}

.ma-resources-pill{
  width: 120px;
  height: 160px;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 0 auto;            /* 🔑 evita que se compriman/solapen */
}

@keyframes maTicker{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}
.ma-resources-pill img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Categorías en libros */
.ma-terms-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 18px 0 26px;
}
.ma-term-chip{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#F9F5EF;
  border:1px solid rgba(0,0,0,.08);
  text-decoration:none;
  font-size:13px;
}
.ma-term-chip:hover{ filter: brightness(.98); }

/* Para scroll de articulos y libros */

/* =========================
   Slider horizontal (manual) - FIX
   ========================= */

.ma-slider{
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
}

/* Track: usamos flex para evitar cálculos raros de grid-auto-columns */
.ma-slider__track{
  display: flex;
  gap: 22px;

  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  padding: 6px 54px; /* espacio real para flechas */
}

/* Oculta scrollbar (opcional) */
.ma-slider__track{
  scrollbar-width: none;
}
.ma-slider__track::-webkit-scrollbar{
  display: none;
}

.ma-slider__slide{
  scroll-snap-align: start;
  flex: 0 0 calc((100% - (22px * 2)) / 3); /* 3 visibles */
}

/* 2 visibles */
@media (max-width: 1024px){
  .ma-slider__slide{
    flex-basis: calc((100% - 22px) / 2);
  }
}

/* 1 visible */
@media (max-width: 640px){
  .ma-slider__slide{
    flex-basis: 100%;
  }
}

/* Botones: reset total para que GP no los rompa */
.ma-slider__btn{
  all: unset;
  box-sizing: border-box;

  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;

  width: 42px;
  height: 42px;
  border-radius: 999px;

  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  user-select: none;
  font-size: 30px;
  padding-bottom: 6px;
}

.ma-slider__btn--prev{ left: 6px; }
.ma-slider__btn--next{ right: 6px; }

/* Flechitas bien visibles */
.ma-slider__btn span{
  font-size: 22px;
  line-height: 1;
  color: #1f1f1f;
  transform: translateY(-1px);
}

.ma-slider__btn:hover{
  filter: brightness(.98);
}

.ma-slider__btn:active{
  transform: translateY(-50%) scale(.98);
}
.ma-term-separator{
  display:inline-flex;
  align-items:flex-start;
  padding-top:4px;   /* 👈 lo que pediste */
  margin:0 8px;
  opacity:.5;
}
/* =========================
   GRID CATEGORÍAS (Libros/Blog)
   Cuadros grandes + texto blanco centrado
========================= */
.ma-term-grid{
  max-width: 1100px;
  margin: 0 auto;
  padding: 30px 20px 80px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

@media (max-width: 1024px){
  .ma-term-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .ma-term-grid{ grid-template-columns: 1fr; }
}
.ma-term-card h3 {
    font-size: 22px;
}
.ma-term-card{
  display: block;
  min-height: 210px;          /* ✅ más grande */
  padding: 40px 28px;         /* ✅ más aire */
  border-radius: 18px;
  text-decoration: none !important;

  /* Fondo cálido y consistente */
  background-color: #F9F5EF;
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.06);

  /* ✅ texto centrado */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}