.elementor-717 .elementor-element.elementor-element-0c0eba7{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-717 .elementor-element.elementor-element-50f82af{--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-717 .elementor-element.elementor-element-6e38cea{--display:flex;}.elementor-717 .elementor-element.elementor-element-6e38cea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-717 .elementor-element.elementor-element-5bc9731{text-align:start;}.elementor-717 .elementor-element.elementor-element-5bc9731 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:50px;font-weight:700;line-height:1.1em;letter-spacing:-1px;color:#000000;}.elementor-717 .elementor-element.elementor-element-47097f7{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-717 .elementor-element.elementor-element-4ef2435{--grid-columns:3;}@media(min-width:768px){.elementor-717 .elementor-element.elementor-element-0c0eba7{--content-width:1250px;}.elementor-717 .elementor-element.elementor-element-6e38cea{--width:65%;}.elementor-717 .elementor-element.elementor-element-47097f7{--content-width:1250px;}}@media(max-width:1024px){.elementor-717 .elementor-element.elementor-element-5bc9731 .elementor-heading-title{font-size:40px;}.elementor-717 .elementor-element.elementor-element-4ef2435{--grid-columns:2;}}@media(max-width:767px){.elementor-717 .elementor-element.elementor-element-5bc9731 .elementor-heading-title{font-size:32px;}.elementor-717 .elementor-element.elementor-element-4ef2435{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-9cbcfe8 */.section-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;
}

.eyebrow-line {
    width: 32px;
    height: 1px;
    background: #4a4a4a;
    flex-shrink: 0;
}

.eyebrow-text {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #3a3a3a;
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4ef2435 *//* ======================================================

   ESTILOS PARA LOOP GRID DE BLOG (ELEMENTOR)

   ====================================================== */



/* Contenedor del Loop Grid */

.elementor-loop-container {

  gap: 32px !important; /* Espaciado uniforme entre tarjetas */

}



/* Tarjeta principal */

.elementor-loop-container .elementor-card,

.elementor-loop-container > .e-loop-item {

  background-color: #ffffff !important;

  border: 1px solid #e5e4e0 !important;

  border-radius: 20px !important;

  overflow: hidden;

  box-shadow: 0 10px 25px rgba(19, 19, 19, 0.05) !important;

  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;

  display: flex;

  flex-direction: column;

}



/* Efecto Hover en la tarjeta */

.elementor-loop-container .elementor-card:hover,

.elementor-loop-container > .e-loop-item:hover {

  transform: translateY(-8px) !important;

  border-color: #cfc9ce !important;

  box-shadow: 0 20px 40px rgba(19, 19, 19, 0.12) !important;

}



/* Imagen de portada y contenedor */

.elementor-loop-container .elementor-post__thumbnail,

.elementor-loop-container .elementor-widget-image {

  overflow: hidden;

  border-radius: 20px 20px 0 0;

}



.elementor-loop-container .elementor-post__thumbnail img,

.elementor-loop-container .elementor-widget-image img {

  transition: transform 0.5s ease !important;

  width: 100%;

  height: 220px; /* Ajusta la altura de las imágenes */

  object-fit: cover;

}



/* Zoom suave a la imagen al hacer hover */

.elementor-loop-container .elementor-card:hover .elementor-post__thumbnail img,

.elementor-loop-container > .e-loop-item:hover img {

  transform: scale(1.06) !important;

}



/* Título de la entrada */

.elementor-loop-container h2,

.elementor-loop-container h3,

.elementor-loop-container .elementor-heading-title {

  font-family: 'Inter Tight', sans-serif !important;

  font-size: 20px !important;

  font-weight: 600 !important;

  line-height: 1.3 !important;

  color: #131313 !important;

  margin-bottom: 12px !important;

  transition: color 0.3s ease !important;

}



/* Hover en el título */

.elementor-loop-container .elementor-card:hover h2,

.elementor-loop-container .elementor-card:hover h3,

.elementor-loop-container .e-loop-item:hover .elementor-heading-title {

  color: #776e77 !important; /* Color de tu marca */

}



/* Metadatos (Fecha, Autor, Categoría) */

.elementor-loop-container .elementor-post__meta-data,

.elementor-loop-container .elementor-widget-post-info {

  font-family: 'Inter', sans-serif !important;

  font-size: 12px !important;

  font-weight: 600 !important;

  text-transform: uppercase !important;

  letter-spacing: 1px !important;

  color: #8a8a85 !important;

  margin-bottom: 10px !important;

}



/* Extracto de texto (Resumen) */

.elementor-loop-container .elementor-post__excerpt,

.elementor-loop-container .elementor-widget-text-editor {

  font-family: 'Inter', sans-serif !important;

  font-size: 14px !important;

  line-height: 1.6 !important;

  color: #5c5c57 !important;

  margin-bottom: 20px !important;

}



/* Botón / Enlace "Leer más" */

.elementor-loop-container .elementor-post__read-more,

.elementor-loop-container .elementor-button {

  font-family: 'Inter Tight', sans-serif !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #776e77 !important;

  text-decoration: none !important;

  display: inline-flex;

  align-items: center;

  gap: 6px;

  transition: gap 0.3s ease, color 0.3s ease !important;

}



.elementor-loop-container .elementor-card:hover .elementor-post__read-more,

.elementor-loop-container .e-loop-item:hover .elementor-button {

  color: #131313 !important;

  gap: 10px; /* Efecto de empuje hacia la derecha al hover */

}/* End custom CSS */