.elementor-3894 .elementor-element.elementor-element-264b2bb{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.3;--padding-top:0250px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3894 .elementor-element.elementor-element-264b2bb:not(.elementor-motion-effects-element-type-background), .elementor-3894 .elementor-element.elementor-element-264b2bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.cristalstandards.mx/wp-content/uploads/2025/10/books-bookstore-book-reading-159711-159711-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-3894 .elementor-element.elementor-element-264b2bb::before, .elementor-3894 .elementor-element.elementor-element-264b2bb > .elementor-background-video-container::before, .elementor-3894 .elementor-element.elementor-element-264b2bb > .e-con-inner > .elementor-background-video-container::before, .elementor-3894 .elementor-element.elementor-element-264b2bb > .elementor-background-slideshow::before, .elementor-3894 .elementor-element.elementor-element-264b2bb > .e-con-inner > .elementor-background-slideshow::before, .elementor-3894 .elementor-element.elementor-element-264b2bb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#181514D4;--background-overlay:'';}.elementor-3894 .elementor-element.elementor-element-9c65b34{--display:flex;--overlay-opacity:0.3;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3894 .elementor-element.elementor-element-9c65b34::before, .elementor-3894 .elementor-element.elementor-element-9c65b34 > .elementor-background-video-container::before, .elementor-3894 .elementor-element.elementor-element-9c65b34 > .e-con-inner > .elementor-background-video-container::before, .elementor-3894 .elementor-element.elementor-element-9c65b34 > .elementor-background-slideshow::before, .elementor-3894 .elementor-element.elementor-element-9c65b34 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3894 .elementor-element.elementor-element-9c65b34 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3894 .elementor-element.elementor-element-fc014e8{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:5px;}.elementor-3894 .elementor-element.elementor-element-fc014e8 .elementor-divider-separator{width:64px;margin:0 auto;margin-left:0;}.elementor-3894 .elementor-element.elementor-element-fc014e8 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-3894 .elementor-element.elementor-element-e18d550 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3894 .elementor-element.elementor-element-719794c{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3894 .elementor-element.elementor-element-bea78c7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 020px 0px;}.elementor-3894 .elementor-element.elementor-element-bea78c7{text-align:start;}.elementor-3894 .elementor-element.elementor-element-bdf24fa{text-align:justify;font-family:"Lato";font-size:22px;color:var( --e-global-color-176fb6b );}.elementor-3894 .elementor-element.elementor-element-a368d40{--display:flex;--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-3894 .elementor-element.elementor-element-d8d1504.elementor-element{--align-self:flex-end;}.elementor-3894 .elementor-element.elementor-element-af471f9{--display:flex;}.elementor-3894 .elementor-element.elementor-element-e1f82c4{--grid-column-gap:25px;--grid-row-gap:25px;}.elementor-3894 .elementor-element.elementor-element-e1f82c4 .pp-posts:not(.elementor-grid){margin-left:-25px;}.elementor-3894 .elementor-element.elementor-element-e1f82c4 .pp-posts:not(.elementor-grid) .pp-post-wrap{padding-left:25px;}.elementor-3894 .elementor-element.elementor-element-e1f82c4 .pp-elementor-grid .pp-grid-item-wrap{margin-bottom:25px;}.elementor-3894 .elementor-element.elementor-element-e1f82c4 .pp-post-thumbnail{margin-bottom:20px;}.elementor-3894 .elementor-element.elementor-element-e1f82c4 .pp-post-terms-wrap{margin-bottom:10px;}.elementor-3894 .elementor-element.elementor-element-e1f82c4 .pp-post-terms .pp-post-term:not(:last-child){margin-right:5px;}.elementor-3894 .elementor-element.elementor-element-e1f82c4 .pp-post-title{margin-bottom:10px;}.elementor-3894 .elementor-element.elementor-element-e1f82c4 .pp-post-meta .pp-meta-separator:not(:last-child){margin-left:calc(5px / 2);margin-right:calc(5px / 2);}.elementor-3894 .elementor-element.elementor-element-e1f82c4 .pp-post-meta{margin-bottom:20px;}.elementor-3894 .elementor-element.elementor-element-cac92b7{--display:flex;}.elementor-3894 .elementor-element.elementor-element-8081b23 .pp-post-terms > .pp-post-term:not(:last-child):after{content:",";}.elementor-3894 .elementor-element.elementor-element-8081b23 .pp-post-meta .pp-meta-separator:not(:last-child):after{content:"-";}.elementor-3894 .elementor-element.elementor-element-8081b23{--grid-column-gap:25px;--grid-row-gap:25px;}.elementor-3894 .elementor-element.elementor-element-8081b23 .pp-posts:not(.elementor-grid){margin-left:-25px;}.elementor-3894 .elementor-element.elementor-element-8081b23 .pp-posts:not(.elementor-grid) .pp-post-wrap{padding-left:25px;}.elementor-3894 .elementor-element.elementor-element-8081b23 .pp-elementor-grid .pp-grid-item-wrap{margin-bottom:25px;}.elementor-3894 .elementor-element.elementor-element-8081b23 .pp-post-thumbnail{margin-bottom:20px;}.elementor-3894 .elementor-element.elementor-element-8081b23 .pp-post-terms-wrap{margin-bottom:10px;}.elementor-3894 .elementor-element.elementor-element-8081b23 .pp-post-terms .pp-post-term:not(:last-child){margin-right:5px;}.elementor-3894 .elementor-element.elementor-element-8081b23 .pp-post-title{margin-bottom:10px;}.elementor-3894 .elementor-element.elementor-element-8081b23 .pp-post-meta .pp-meta-separator:not(:last-child){margin-left:calc(5px / 2);margin-right:calc(5px / 2);}.elementor-3894 .elementor-element.elementor-element-8081b23 .pp-post-meta{margin-bottom:20px;}.elementor-3894 .elementor-element.elementor-element-433958e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;}.elementor-3894 .elementor-element.elementor-element-433958e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-3894 .elementor-element.elementor-element-433958e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3894 .elementor-element.elementor-element-433958e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-3894 .elementor-element.elementor-element-264b2bb:not(.elementor-motion-effects-element-type-background), .elementor-3894 .elementor-element.elementor-element-264b2bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-3894 .elementor-element.elementor-element-264b2bb{--padding-top:200px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3894 .elementor-element.elementor-element-bdf24fa{font-size:18px;}}@media(max-width:767px){.elementor-3894 .elementor-element.elementor-element-264b2bb{--padding-top:050px;--padding-bottom:050px;--padding-left:25px;--padding-right:25px;}.elementor-3894 .elementor-element.elementor-element-bea78c7{text-align:center;}.elementor-3894 .elementor-element.elementor-element-bea78c7 .elementor-heading-title{font-size:24px;}.elementor-3894 .elementor-element.elementor-element-bdf24fa{font-size:16px;}.elementor-3894 .elementor-element.elementor-element-d8d1504 > .elementor-widget-container{margin:020px 0px 020px 0px;}.elementor-3894 .elementor-element.elementor-element-d8d1504.elementor-element{--align-self:stretch;}}/* Start custom CSS for container, class: .elementor-element-264b2bb *//* Encabezado H1 con efecto degradado moderno */
.elementor-element-e18d550 .elementor-heading-title {
    background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    letter-spacing: 3px;
    font-weight: 700;
}

/* Divisor con línea sólida */
.elementor-element-fc014e8 .elementor-divider-separator {
    border-top: 3px solid #ffffff;
    width: 80px;
    margin: 0 auto 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* O divisor con degradado (usa solo uno de los dos estilos del divisor) */
.elementor-element-fc014e8 .elementor-divider-separator {
    border: none;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, #ffffff 50%, transparent 100%);
    width: 120px;
}

/* Z-index para contenido sobre el fondo */
.elementor-element-9c65b34 > * {
    position: relative;
    z-index: 2;
}

/* Animación del encabezado */
.elementor-element-e18d550 .elementor-heading-title {
    animation: fadeInUp 0.8s ease-out;
}

/* Animación del divisor */
.elementor-element-fc014e8 {
    animation: scaleIn 0.6s ease-out 0.2s both;
}

/* Keyframes para las animaciones */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scaleIn {
    from {
        transform: scaleX(0);
        opacity: 0;
    }
    to {
        transform: scaleX(1);
        opacity: 1;
    }
}

/* Contenedor principal - ajuste de imagen */
.elementor-element-9c65b34 {
    position: relative;
    overflow: hidden;
    min-height: 300px;
}

.elementor-element-9c65b34 img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* o cover */
    object-position: center center;
}/* End custom CSS */
/* Start custom CSS for pp-posts, class: .elementor-element-e1f82c4 *//* Estandarización de posts en cuadrícula - PowerPack */

/* Reset completo del contenedor principal */
.pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    align-items: start !important; /* Cambiado de stretch a start */
    padding: 0 !important;
    margin: 0 !important;
}

/* Reset del wrapper del post */
.pp-posts-skin-portfolio .pp-post-wrap {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tarjeta del post */
.pp-posts-skin-portfolio .pp-post {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    background: #fff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
}

/* Thumbnail - CUADRADO perfecto SIN espacio extra */
.pp-posts-skin-portfolio .pp-post-thumbnail {
    position: relative !important;
    width: 100% !important;
    padding-top: 100% !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-thumbnail-wrap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-thumbnail img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Contenido del post */
.pp-posts-skin-portfolio .pp-post-content-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 20px !important;
    margin: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Categoría */
.pp-posts-skin-portfolio .pp-post-terms-wrap {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-terms {
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term {
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term a {
    display: inline-block !important;
    padding: 4px 12px !important;
    background: #e8f4f8 !important;
    color: #0073aa !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background 0.3s ease !important;
    margin: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term a:hover {
    background: #d0e9f2 !important;
}

/* Título - SIN LÍMITE DE ALTURA (texto completo) */
.pp-posts-skin-portfolio .pp-post-title {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    min-height: auto !important; /* Sin altura mínima */
    max-height: none !important; /* Sin límite de altura */
    overflow: visible !important; /* Mostrar todo el texto */
    display: block !important; /* Cambiar de -webkit-box a block */
    line-height: 1.4 !important;
}

.pp-posts-skin-portfolio .pp-post-title a {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.pp-posts-skin-portfolio .pp-post-title a:hover {
    color: #0073aa !important;
}

/* Meta información */
.pp-posts-skin-portfolio .pp-post-meta {
    margin-top: auto !important;
    padding-top: 15px !important;
    border-top: 1px solid #eee !important;
    font-size: 13px !important;
    color: #999 !important;
}

.pp-posts-skin-portfolio .pp-meta-separator {
    margin: 0 8px !important;
}

.pp-posts-skin-portfolio .pp-meta-separator::before {
    content: "•" !important;
}

/* RESPONSIVE - Tablet grande (3 columnas) */
@media (max-width: 1200px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 25px !important;
    }
}

/* RESPONSIVE - Tablet (2 columnas) */
@media (max-width: 900px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-title a {
        font-size: 17px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-content-wrap {
        padding: 18px !important;
    }
}

/* RESPONSIVE - Móvil (1 columna) */
@media (max-width: 600px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-content-wrap {
        padding: 15px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-title a {
        font-size: 16px !important;
    }
}

/* Fix específico para el primer elemento */
.pp-posts-skin-portfolio .pp-post-wrap:first-child,
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post,
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post-thumbnail {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Asegurar que el primer thumbnail tenga padding correcto */
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post-thumbnail {
    padding-top: 100% !important;
}
/* Desactivar clic en etiquetas de categoría */
.pp-posts-skin-portfolio .pp-post-term a {
    pointer-events: none !important;
    cursor: default !important;
}

/* Quitar efecto hover ya que no será interactuable */
.pp-posts-skin-portfolio .pp-post-term a:hover {
    background: #e8f4f8 !important; /* Mismo color que el estado normal */
}/* End custom CSS */
/* Start custom CSS for pp-posts, class: .elementor-element-8081b23 *//* Estandarización de posts en cuadrícula - PowerPack */

/* Reset completo del contenedor principal */
.pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    align-items: start !important; /* Cambiado de stretch a start */
    padding: 0 !important;
    margin: 0 !important;
}

/* Reset del wrapper del post */
.pp-posts-skin-portfolio .pp-post-wrap {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tarjeta del post */
.pp-posts-skin-portfolio .pp-post {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    background: #fff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
}

/* Thumbnail - CUADRADO perfecto SIN espacio extra */
.pp-posts-skin-portfolio .pp-post-thumbnail {
    position: relative !important;
    width: 100% !important;
    padding-top: 100% !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-thumbnail-wrap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-thumbnail img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Contenido del post */
.pp-posts-skin-portfolio .pp-post-content-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 20px !important;
    margin: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Categoría */
.pp-posts-skin-portfolio .pp-post-terms-wrap {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-terms {
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term {
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term a {
    display: inline-block !important;
    padding: 4px 12px !important;
    background: #e8f4f8 !important;
    color: #0073aa !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background 0.3s ease !important;
    margin: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term a:hover {
    background: #d0e9f2 !important;
}

/* Título - SIN LÍMITE DE ALTURA (texto completo) */
.pp-posts-skin-portfolio .pp-post-title {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    min-height: auto !important; /* Sin altura mínima */
    max-height: none !important; /* Sin límite de altura */
    overflow: visible !important; /* Mostrar todo el texto */
    display: block !important; /* Cambiar de -webkit-box a block */
    line-height: 1.4 !important;
}

.pp-posts-skin-portfolio .pp-post-title a {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.pp-posts-skin-portfolio .pp-post-title a:hover {
    color: #0073aa !important;
}

/* Meta información */
.pp-posts-skin-portfolio .pp-post-meta {
    margin-top: auto !important;
    padding-top: 15px !important;
    border-top: 1px solid #eee !important;
    font-size: 13px !important;
    color: #999 !important;
}

.pp-posts-skin-portfolio .pp-meta-separator {
    margin: 0 8px !important;
}

.pp-posts-skin-portfolio .pp-meta-separator::before {
    content: "•" !important;
}

/* RESPONSIVE - Tablet grande (3 columnas) */
@media (max-width: 1200px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 25px !important;
    }
}

/* RESPONSIVE - Tablet (2 columnas) */
@media (max-width: 900px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-title a {
        font-size: 17px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-content-wrap {
        padding: 18px !important;
    }
}

/* RESPONSIVE - Móvil (1 columna) */
@media (max-width: 600px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-content-wrap {
        padding: 15px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-title a {
        font-size: 16px !important;
    }
}

/* Fix específico para el primer elemento */
.pp-posts-skin-portfolio .pp-post-wrap:first-child,
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post,
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post-thumbnail {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Asegurar que el primer thumbnail tenga padding correcto */
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post-thumbnail {
    padding-top: 100% !important;
}/* End custom CSS */
/* Start custom CSS for pp-posts, class: .elementor-element-e1f82c4 *//* Estandarización de posts en cuadrícula - PowerPack */

/* Reset completo del contenedor principal */
.pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    align-items: start !important; /* Cambiado de stretch a start */
    padding: 0 !important;
    margin: 0 !important;
}

/* Reset del wrapper del post */
.pp-posts-skin-portfolio .pp-post-wrap {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tarjeta del post */
.pp-posts-skin-portfolio .pp-post {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    background: #fff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
}

/* Thumbnail - CUADRADO perfecto SIN espacio extra */
.pp-posts-skin-portfolio .pp-post-thumbnail {
    position: relative !important;
    width: 100% !important;
    padding-top: 100% !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-thumbnail-wrap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-thumbnail img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Contenido del post */
.pp-posts-skin-portfolio .pp-post-content-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 20px !important;
    margin: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Categoría */
.pp-posts-skin-portfolio .pp-post-terms-wrap {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-terms {
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term {
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term a {
    display: inline-block !important;
    padding: 4px 12px !important;
    background: #e8f4f8 !important;
    color: #0073aa !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background 0.3s ease !important;
    margin: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term a:hover {
    background: #d0e9f2 !important;
}

/* Título - SIN LÍMITE DE ALTURA (texto completo) */
.pp-posts-skin-portfolio .pp-post-title {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    min-height: auto !important; /* Sin altura mínima */
    max-height: none !important; /* Sin límite de altura */
    overflow: visible !important; /* Mostrar todo el texto */
    display: block !important; /* Cambiar de -webkit-box a block */
    line-height: 1.4 !important;
}

.pp-posts-skin-portfolio .pp-post-title a {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.pp-posts-skin-portfolio .pp-post-title a:hover {
    color: #0073aa !important;
}

/* Meta información */
.pp-posts-skin-portfolio .pp-post-meta {
    margin-top: auto !important;
    padding-top: 15px !important;
    border-top: 1px solid #eee !important;
    font-size: 13px !important;
    color: #999 !important;
}

.pp-posts-skin-portfolio .pp-meta-separator {
    margin: 0 8px !important;
}

.pp-posts-skin-portfolio .pp-meta-separator::before {
    content: "•" !important;
}

/* RESPONSIVE - Tablet grande (3 columnas) */
@media (max-width: 1200px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 25px !important;
    }
}

/* RESPONSIVE - Tablet (2 columnas) */
@media (max-width: 900px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-title a {
        font-size: 17px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-content-wrap {
        padding: 18px !important;
    }
}

/* RESPONSIVE - Móvil (1 columna) */
@media (max-width: 600px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-content-wrap {
        padding: 15px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-title a {
        font-size: 16px !important;
    }
}

/* Fix específico para el primer elemento */
.pp-posts-skin-portfolio .pp-post-wrap:first-child,
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post,
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post-thumbnail {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Asegurar que el primer thumbnail tenga padding correcto */
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post-thumbnail {
    padding-top: 100% !important;
}
/* Desactivar clic en etiquetas de categoría */
.pp-posts-skin-portfolio .pp-post-term a {
    pointer-events: none !important;
    cursor: default !important;
}

/* Quitar efecto hover ya que no será interactuable */
.pp-posts-skin-portfolio .pp-post-term a:hover {
    background: #e8f4f8 !important; /* Mismo color que el estado normal */
}/* End custom CSS */
/* Start custom CSS for pp-posts, class: .elementor-element-8081b23 *//* Estandarización de posts en cuadrícula - PowerPack */

/* Reset completo del contenedor principal */
.pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    align-items: start !important; /* Cambiado de stretch a start */
    padding: 0 !important;
    margin: 0 !important;
}

/* Reset del wrapper del post */
.pp-posts-skin-portfolio .pp-post-wrap {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tarjeta del post */
.pp-posts-skin-portfolio .pp-post {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    background: #fff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
}

/* Thumbnail - CUADRADO perfecto SIN espacio extra */
.pp-posts-skin-portfolio .pp-post-thumbnail {
    position: relative !important;
    width: 100% !important;
    padding-top: 100% !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-thumbnail-wrap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-thumbnail img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Contenido del post */
.pp-posts-skin-portfolio .pp-post-content-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 20px !important;
    margin: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Categoría */
.pp-posts-skin-portfolio .pp-post-terms-wrap {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-terms {
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term {
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term a {
    display: inline-block !important;
    padding: 4px 12px !important;
    background: #e8f4f8 !important;
    color: #0073aa !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background 0.3s ease !important;
    margin: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term a:hover {
    background: #d0e9f2 !important;
}

/* Título - SIN LÍMITE DE ALTURA (texto completo) */
.pp-posts-skin-portfolio .pp-post-title {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    min-height: auto !important; /* Sin altura mínima */
    max-height: none !important; /* Sin límite de altura */
    overflow: visible !important; /* Mostrar todo el texto */
    display: block !important; /* Cambiar de -webkit-box a block */
    line-height: 1.4 !important;
}

.pp-posts-skin-portfolio .pp-post-title a {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.pp-posts-skin-portfolio .pp-post-title a:hover {
    color: #0073aa !important;
}

/* Meta información */
.pp-posts-skin-portfolio .pp-post-meta {
    margin-top: auto !important;
    padding-top: 15px !important;
    border-top: 1px solid #eee !important;
    font-size: 13px !important;
    color: #999 !important;
}

.pp-posts-skin-portfolio .pp-meta-separator {
    margin: 0 8px !important;
}

.pp-posts-skin-portfolio .pp-meta-separator::before {
    content: "•" !important;
}

/* RESPONSIVE - Tablet grande (3 columnas) */
@media (max-width: 1200px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 25px !important;
    }
}

/* RESPONSIVE - Tablet (2 columnas) */
@media (max-width: 900px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-title a {
        font-size: 17px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-content-wrap {
        padding: 18px !important;
    }
}

/* RESPONSIVE - Móvil (1 columna) */
@media (max-width: 600px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-content-wrap {
        padding: 15px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-title a {
        font-size: 16px !important;
    }
}

/* Fix específico para el primer elemento */
.pp-posts-skin-portfolio .pp-post-wrap:first-child,
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post,
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post-thumbnail {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Asegurar que el primer thumbnail tenga padding correcto */
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post-thumbnail {
    padding-top: 100% !important;
}/* End custom CSS */
/* Start custom CSS for pp-posts, class: .elementor-element-e1f82c4 *//* Estandarización de posts en cuadrícula - PowerPack */

/* Reset completo del contenedor principal */
.pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    align-items: start !important; /* Cambiado de stretch a start */
    padding: 0 !important;
    margin: 0 !important;
}

/* Reset del wrapper del post */
.pp-posts-skin-portfolio .pp-post-wrap {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tarjeta del post */
.pp-posts-skin-portfolio .pp-post {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    background: #fff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
}

/* Thumbnail - CUADRADO perfecto SIN espacio extra */
.pp-posts-skin-portfolio .pp-post-thumbnail {
    position: relative !important;
    width: 100% !important;
    padding-top: 100% !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-thumbnail-wrap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-thumbnail img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Contenido del post */
.pp-posts-skin-portfolio .pp-post-content-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 20px !important;
    margin: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Categoría */
.pp-posts-skin-portfolio .pp-post-terms-wrap {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-terms {
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term {
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term a {
    display: inline-block !important;
    padding: 4px 12px !important;
    background: #e8f4f8 !important;
    color: #0073aa !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background 0.3s ease !important;
    margin: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term a:hover {
    background: #d0e9f2 !important;
}

/* Título - SIN LÍMITE DE ALTURA (texto completo) */
.pp-posts-skin-portfolio .pp-post-title {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    min-height: auto !important; /* Sin altura mínima */
    max-height: none !important; /* Sin límite de altura */
    overflow: visible !important; /* Mostrar todo el texto */
    display: block !important; /* Cambiar de -webkit-box a block */
    line-height: 1.4 !important;
}

.pp-posts-skin-portfolio .pp-post-title a {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.pp-posts-skin-portfolio .pp-post-title a:hover {
    color: #0073aa !important;
}

/* Meta información */
.pp-posts-skin-portfolio .pp-post-meta {
    margin-top: auto !important;
    padding-top: 15px !important;
    border-top: 1px solid #eee !important;
    font-size: 13px !important;
    color: #999 !important;
}

.pp-posts-skin-portfolio .pp-meta-separator {
    margin: 0 8px !important;
}

.pp-posts-skin-portfolio .pp-meta-separator::before {
    content: "•" !important;
}

/* RESPONSIVE - Tablet grande (3 columnas) */
@media (max-width: 1200px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 25px !important;
    }
}

/* RESPONSIVE - Tablet (2 columnas) */
@media (max-width: 900px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-title a {
        font-size: 17px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-content-wrap {
        padding: 18px !important;
    }
}

/* RESPONSIVE - Móvil (1 columna) */
@media (max-width: 600px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-content-wrap {
        padding: 15px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-title a {
        font-size: 16px !important;
    }
}

/* Fix específico para el primer elemento */
.pp-posts-skin-portfolio .pp-post-wrap:first-child,
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post,
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post-thumbnail {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Asegurar que el primer thumbnail tenga padding correcto */
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post-thumbnail {
    padding-top: 100% !important;
}
/* Desactivar clic en etiquetas de categoría */
.pp-posts-skin-portfolio .pp-post-term a {
    pointer-events: none !important;
    cursor: default !important;
}

/* Quitar efecto hover ya que no será interactuable */
.pp-posts-skin-portfolio .pp-post-term a:hover {
    background: #e8f4f8 !important; /* Mismo color que el estado normal */
}/* End custom CSS */
/* Start custom CSS for pp-posts, class: .elementor-element-8081b23 *//* Estandarización de posts en cuadrícula - PowerPack */

/* Reset completo del contenedor principal */
.pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    align-items: start !important; /* Cambiado de stretch a start */
    padding: 0 !important;
    margin: 0 !important;
}

/* Reset del wrapper del post */
.pp-posts-skin-portfolio .pp-post-wrap {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tarjeta del post */
.pp-posts-skin-portfolio .pp-post {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    background: #fff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
}

/* Thumbnail - CUADRADO perfecto SIN espacio extra */
.pp-posts-skin-portfolio .pp-post-thumbnail {
    position: relative !important;
    width: 100% !important;
    padding-top: 100% !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-thumbnail-wrap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-thumbnail img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Contenido del post */
.pp-posts-skin-portfolio .pp-post-content-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 20px !important;
    margin: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Categoría */
.pp-posts-skin-portfolio .pp-post-terms-wrap {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-terms {
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term {
    margin: 0 !important;
    padding: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term a {
    display: inline-block !important;
    padding: 4px 12px !important;
    background: #e8f4f8 !important;
    color: #0073aa !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background 0.3s ease !important;
    margin: 0 !important;
}

.pp-posts-skin-portfolio .pp-post-term a:hover {
    background: #d0e9f2 !important;
}

/* Título - SIN LÍMITE DE ALTURA (texto completo) */
.pp-posts-skin-portfolio .pp-post-title {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    min-height: auto !important; /* Sin altura mínima */
    max-height: none !important; /* Sin límite de altura */
    overflow: visible !important; /* Mostrar todo el texto */
    display: block !important; /* Cambiar de -webkit-box a block */
    line-height: 1.4 !important;
}

.pp-posts-skin-portfolio .pp-post-title a {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.pp-posts-skin-portfolio .pp-post-title a:hover {
    color: #0073aa !important;
}

/* Meta información */
.pp-posts-skin-portfolio .pp-post-meta {
    margin-top: auto !important;
    padding-top: 15px !important;
    border-top: 1px solid #eee !important;
    font-size: 13px !important;
    color: #999 !important;
}

.pp-posts-skin-portfolio .pp-meta-separator {
    margin: 0 8px !important;
}

.pp-posts-skin-portfolio .pp-meta-separator::before {
    content: "•" !important;
}

/* RESPONSIVE - Tablet grande (3 columnas) */
@media (max-width: 1200px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 25px !important;
    }
}

/* RESPONSIVE - Tablet (2 columnas) */
@media (max-width: 900px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-title a {
        font-size: 17px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-content-wrap {
        padding: 18px !important;
    }
}

/* RESPONSIVE - Móvil (1 columna) */
@media (max-width: 600px) {
    .pp-posts.pp-posts-skin-portfolio.elementor-grid.pp-posts-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-content-wrap {
        padding: 15px !important;
    }
    
    .pp-posts-skin-portfolio .pp-post-title a {
        font-size: 16px !important;
    }
}

/* Fix específico para el primer elemento */
.pp-posts-skin-portfolio .pp-post-wrap:first-child,
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post,
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post-thumbnail {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Asegurar que el primer thumbnail tenga padding correcto */
.pp-posts-skin-portfolio .pp-post-wrap:first-child .pp-post-thumbnail {
    padding-top: 100% !important;
}/* End custom CSS */