.elementor-27774 .elementor-element.elementor-element-5d2c0cb{--display:flex;--min-height:102px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:100px;--padding-right:20px;}.elementor-27774 .elementor-element.elementor-element-5d2c0cb:not(.elementor-motion-effects-element-type-background), .elementor-27774 .elementor-element.elementor-element-5d2c0cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C32342FF;background-image:url("https://biblioteca.up.edu.mx/wp-content/uploads/2023/08/zWSSRleIzEnwcPf5KCXu-11.jpg");background-position:center left;background-repeat:no-repeat;}.elementor-27774 .elementor-element.elementor-element-fba79d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27774 .elementor-element.elementor-element-5ada0613{width:auto;max-width:auto;text-align:left;font-family:var( --e-global-typography-a0d2293-font-family ), Sans-serif;font-size:var( --e-global-typography-a0d2293-font-size );font-weight:var( --e-global-typography-a0d2293-font-weight );font-style:var( --e-global-typography-a0d2293-font-style );line-height:var( --e-global-typography-a0d2293-line-height );letter-spacing:var( --e-global-typography-a0d2293-letter-spacing );color:#FFFFFFFF;}.elementor-27774 .elementor-element.elementor-element-5ada0613.elementor-element{--align-self:center;}.elementor-27774 .elementor-element.elementor-element-4f533295{width:auto;max-width:auto;text-align:left;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );color:#FFFFFFFF;}.elementor-27774 .elementor-element.elementor-element-4f533295 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-27774 .elementor-element.elementor-element-4f533295.elementor-element{--align-self:center;}.elementor-27774 .elementor-element.elementor-element-440e6e5f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27774 .elementor-element.elementor-element-4d6cefe2{width:auto;max-width:auto;text-align:left;font-family:"Seravek", Sans-serif;font-size:24px;text-transform:normal;font-style:italic;line-height:56px;letter-spacing:0.20000000298023px;color:#C2A670FF;}.elementor-27774 .elementor-element.elementor-element-4d6cefe2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-27774 .elementor-element.elementor-element-57536a18{--display:flex;--min-height:546px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-27774 .elementor-element.elementor-element-250f2918{--display:flex;--min-height:506px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27774 .elementor-element.elementor-element-4ecf7f95{--grid-columns:3;--grid-row-gap:20px;width:100%;max-width:100%;--load-more—spacing:0px;--grid-column-gap:20px;}.elementor-27774 .elementor-element.elementor-element-4ecf7f95 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-27774 .elementor-element.elementor-element-4ecf7f95.elementor-element{--align-self:center;}.elementor-27774 .elementor-element.elementor-element-4ecf7f95 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-27774 .elementor-element.elementor-element-4ecf7f95 .e-loop-item > .elementor-section, .elementor-27774 .elementor-element.elementor-element-4ecf7f95 .e-loop-item > .elementor-section > .elementor-container, .elementor-27774 .elementor-element.elementor-element-4ecf7f95 .e-loop-item > .e-con, .elementor-27774 .elementor-element.elementor-element-4ecf7f95 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}body.elementor-page-27774:not(.elementor-motion-effects-element-type-background), body.elementor-page-27774 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFFF;}body.elementor-page-27774{padding:0px 0px 0px 0px;}@media(max-width:1100px){.elementor-27774 .elementor-element.elementor-element-5d2c0cb{--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:60px;--padding-right:20px;}.elementor-27774 .elementor-element.elementor-element-fba79d{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-27774 .elementor-element.elementor-element-5ada0613.elementor-element{--align-self:center;}.elementor-27774 .elementor-element.elementor-element-5ada0613{font-size:var( --e-global-typography-a0d2293-font-size );line-height:var( --e-global-typography-a0d2293-line-height );letter-spacing:var( --e-global-typography-a0d2293-letter-spacing );}.elementor-27774 .elementor-element.elementor-element-4f533295.elementor-element{--align-self:center;}.elementor-27774 .elementor-element.elementor-element-4f533295{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-27774 .elementor-element.elementor-element-440e6e5f{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27774 .elementor-element.elementor-element-440e6e5f.e-con{--order:-99999 /* order start hack */;}.elementor-27774 .elementor-element.elementor-element-57536a18{--min-height:0px;}.elementor-27774 .elementor-element.elementor-element-250f2918{--min-height:0px;}.elementor-27774 .elementor-element.elementor-element-4ecf7f95{--grid-columns:2;}}@media(max-width:800px){.elementor-27774 .elementor-element.elementor-element-5d2c0cb{--width:100%;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-27774 .elementor-element.elementor-element-fba79d{--width:85%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27774 .elementor-element.elementor-element-5ada0613{font-size:var( --e-global-typography-a0d2293-font-size );line-height:var( --e-global-typography-a0d2293-line-height );letter-spacing:var( --e-global-typography-a0d2293-letter-spacing );}.elementor-27774 .elementor-element.elementor-element-4f533295{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-27774 .elementor-element.elementor-element-440e6e5f{--width:20%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-27774 .elementor-element.elementor-element-440e6e5f.e-con{--order:-99999 /* order start hack */;}.elementor-27774 .elementor-element.elementor-element-4d6cefe2{font-size:15.84px;line-height:18.48px;letter-spacing:0.13200000196695px;}.elementor-27774 .elementor-element.elementor-element-57536a18{--min-height:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-27774 .elementor-element.elementor-element-250f2918{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27774 .elementor-element.elementor-element-4ecf7f95{--grid-columns:1;}body.elementor-page-27774{padding:0px 0px 0px 0px;}}@media(min-width:801px){.elementor-27774 .elementor-element.elementor-element-5d2c0cb{--width:100%;}.elementor-27774 .elementor-element.elementor-element-440e6e5f{--width:65%;}.elementor-27774 .elementor-element.elementor-element-57536a18{--width:100%;}.elementor-27774 .elementor-element.elementor-element-250f2918{--width:100%;}}@media(max-width:1100px) and (min-width:801px){.elementor-27774 .elementor-element.elementor-element-fba79d{--width:70%;}.elementor-27774 .elementor-element.elementor-element-440e6e5f{--width:16%;}}@media(min-width:2400px){.elementor-27774 .elementor-element.elementor-element-5ada0613{font-size:var( --e-global-typography-a0d2293-font-size );line-height:var( --e-global-typography-a0d2293-line-height );letter-spacing:var( --e-global-typography-a0d2293-letter-spacing );}.elementor-27774 .elementor-element.elementor-element-4f533295{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}body.elementor-page-27774{margin:0% 10% 0% 10%;}}/* Start custom CSS for loop-grid, class: .elementor-element-4ecf7f95 *//* ================================
   TARJETAS IGUALES (ancho + alto)
   ================================ */

/* Ajusta estas dos variables a tu gusto */
.js-dir-grid {
    --card-w: 520px;
    /* ancho máximo por tarjeta */
    --card-h: 320px;
    /* alto exacto de todas las tarjetas */
}

/* Contenedor del loop en FLEX centrado */
.js-dir-grid .elementor-grid,
.js-dir-grid .elementor-loop-container,
.js-dir-grid .elementor-posts-container,
.js-dir-grid .elementor-widget-container>.elementor-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    /* ← estira por fila (backup) */
    gap: 40px 40px !important;
}

/* Cada ítem ocupa el mismo ancho y alto */
.js-dir-grid .e-loop-item,
.js-dir-grid [data-elementor-type="loop-item"] {
    flex: 0 1 var(--card-w) !important;
    /* mismo ancho base */
    max-width: var(--card-w) !important;
    width: 100% !important;

    /* Alto fijo para TODAS las tarjetas */
    height: var(--card-h) !important;

    /* Para ordenar el contenido dentro */
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Asegura que el “wrapper” interno también llene el alto */
.js-dir-grid .e-loop-item>.elementor,
.js-dir-grid [data-elementor-type="loop-item"]>.elementor,
.js-dir-grid .e-loop-item>.e-con,
.js-dir-grid [data-elementor-type="loop-item"]>.e-con {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* El contenedor con tu fondo/sombra ocupa todo el espacio disponible */
.js-dir-grid .e-loop-item .e-con,
.js-dir-grid [data-elementor-type="loop-item"] .e-con {
    flex: 1 1 auto !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* Evita que márgenes internos cambien la altura visual */
.js-dir-grid .e-loop-item .elementor-widget:last-child,
.js-dir-grid [data-elementor-type="loop-item"] .elementor-widget:last-child {
    margin-bottom: 0 !important;
}

/* Salto de línea entre jerarquías (tu separador) */
.js-dir-grid .dir-sep {
    flex-basis: 100% !important;
    height: 0 !important;
}

/* (Sigue valiendo tu centrado de headings y .dir-role si lo necesitas) */
/* === Re-centrado del contenido dentro de cada tarjeta === */

/* Asegura centrado a nivel wrapper y widgets */
.js-dir-grid [data-elementor-type="loop-item"],
.js-dir-grid .e-loop-item {
    text-align: center !important;
}

.js-dir-grid [data-elementor-type="loop-item"] .elementor,
.js-dir-grid [data-elementor-type="loop-item"] .elementor-widget-container,
.js-dir-grid [data-elementor-type="loop-item"] .elementor-heading-title,
.js-dir-grid [data-elementor-type="loop-item"] .elementor-widget-text-editor,
.js-dir-grid [data-elementor-type="loop-item"] .elementor-widget-text-editor p,
.js-dir-grid .dir-role {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}

/* Si usas Containers (.e-con) dentro del loop, céntralos en el eje horizontal */
.js-dir-grid [data-elementor-type="loop-item"] .e-con {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    /* ← centra horizontalmente todo el contenido */
}

/* Evita que algún widget se “pegue” a la izquierda por align-self */
.js-dir-grid [data-elementor-type="loop-item"] .elementor-widget {
    align-self: center !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Seravek';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://biblioteca.up.edu.mx/wp-content/uploads/2023/08/seravek.ttf') format('truetype');
}
@font-face {
	font-family: 'Seravek';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://biblioteca.up.edu.mx/wp-content/uploads/2023/08/seravek-bold-italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Seravek';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://biblioteca.up.edu.mx/wp-content/uploads/2023/08/seravek-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Seravek';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://biblioteca.up.edu.mx/wp-content/uploads/2023/08/seravek-italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */