.elementor-520 .elementor-element.elementor-element-0393dc2{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-520 .elementor-element.elementor-element-94e43db{text-align:center;}.elementor-520 .elementor-element.elementor-element-94e43db .elementor-heading-title{font-family:"Calibri";font-weight:500;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#333333;}.elementor-520 .elementor-element.elementor-element-2f760676{padding:0px 40px 0px 40px;}.elementor-520 .elementor-element.elementor-element-8bdde7e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-520 .elementor-element.elementor-element-8bdde7e.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-520 .elementor-element.elementor-element-2f760676{padding:40px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-94e43db *//* ================================================
   TÍTULO DE SECCIÓN BLOG
   Identidad: Pantone 320 C (#009ca6)
   ================================================ */

/* Contenedor principal */
.hc-section-title-wrapper {
    text-align: center;
    margin-bottom: 50px; /* Da un buen respiro antes de que empiecen las tarjetas */
    padding: 0 20px;
}

/* Título principal */
.hc-section-title {
    color: #333333 !important; /* Gris oscuro neutro */
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    position: relative !important;
    padding-bottom: 18px !important;
    line-height: 1.2 !important;
}

/* Línea decorativa turquesa */
.hc-section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #009ca6; /* Turquesa corporativo */
    border-radius: 2px;
}

/* Subtítulo (Gris medio) */
.hc-section-subtitle {
    color: #555555 !important;
    font-size: 1.05rem !important;
    max-width: 650px !important;
    margin: 0 auto !important;
    line-height: 1.5 !important;
}

/* Ajuste responsive para móviles */
@media (max-width: 768px) {
    .hc-section-title {
        font-size: 1.8rem !important;
    }
    .hc-section-subtitle {
        font-size: 0.95rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_blog, class: .elementor-element-8bdde7e *//* ================================================
   BLOG CONDOLENCIASHC — Embellecimiento + Control de Altura
   Identidad: Pantone 320 C (#009ca6) / Sin Azul Marino
   ================================================ */

/* 1. LA TARJETA INTERNA */
article.wd-post .article-inner {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important; 
    padding: 20px !important; 
    height: 100% !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* 2. HOVER DE LA TARJETA */
article.wd-post .article-inner:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

/* 3. TÍTULOS (Limitados a 2 líneas + Gris neutro) */
article.wd-post .wd-entities-title {
    margin-top: 15px !important;
    text-align: center !important;
    /* Control de líneas */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.6em !important; /* Mantiene la altura aunque tenga 1 sola línea */
}

article.wd-post .wd-entities-title a {
    color: #333333 !important; 
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

article.wd-post .wd-entities-title a:hover {
    color: #009ca6 !important; /* Turquesa corporativo */
}

/* 4. EXTRACTO (Limitado a 3 líneas + Gris medio) */
article.wd-post .entry-content.wd-post-desc p {
    color: #555555 !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    flex-grow: 1 !important; 
    /* Control de líneas */
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* 5. OCULTAR METADATOS INNECESARIOS */
article.wd-post .entry-meta,
article.wd-post .wd-post-meta {
    display: none !important;
}

/* 6. BOTÓN "LEER MÁS" */
article.wd-post .btn-read-more,
article.wd-post a.btn-read-more {
    display: inline-block !important;
    background-color: #009ca6 !important; 
    color: #ffffff !important;
    padding: 10px 22px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    border: none !important;
    transition: background-color 0.3s ease !important;
    margin-top: auto !important; 
}

article.wd-post .btn-read-more:hover,
article.wd-post a.btn-read-more:hover {
    background-color: #007d85 !important; 
    color: #ffffff !important;
}
/* ================================================
   CENTRAR LA GRILLA DE POSTS (Fuerza Bruta contra JS)
   ================================================ */

/* Envolvemos la grilla de WoodMart en una caja flexible centrada */
.elementor-widget-container .wd-blog-holder,
.elementor-widget-container .wd-grid-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Forzamos a la grilla calculada por JS a ubicarse al medio */
.elementor-widget-container .wd-grid {
    margin-left: auto !important;
    margin-right: auto !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Calibri';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://condolenciashc.cl/wp-content/uploads/2025/06/Calibri.woff2') format('woff2'),
		url('https://condolenciashc.cl/wp-content/uploads/2025/06/Calibri.woff') format('woff'),
		url('https://condolenciashc.cl/wp-content/uploads/2025/06/calibri-regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */