.elementor-182 .elementor-element.elementor-element-7c60f3c{--display:flex;--min-height:0px;}.elementor-182 .elementor-element.elementor-element-f3c8802{width:var( --container-widget-width, 99% );max-width:99%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:99%;--container-widget-flex-grow:0;}.elementor-182 .elementor-element.elementor-element-f3c8802.elementor-element{--align-self:center;}body.elementor-page-182:not(.elementor-motion-effects-element-type-background), body.elementor-page-182 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D4D4D4;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-182 .elementor-element.elementor-element-7c60f3c{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-f3c8802 *//* ======================================
   GEIST MONO — CARGA LOCAL FIABLE
   ====================================== */

/* 1. Cargar la fuente directamente desde tu servidor */
@font-face {
  font-family: 'Geist Mono';
  src: url('https://jaimemdiaz.com/wp-content/uploads/2025/09/GeistMono-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* 2. TITULO DEL PROYECTO */
.project-title {
  font-family: 'Geist Mono', monospace !important;
  font-weight: 700;
  font-size: 15px;
  margin-top: 10px;       /* se mantiene como lo quieres */
  color: #111;
  display: block;
  line-height: 1;
}

/* 3. CATEGORÍAS — PEGADO AL MÁXIMO ABSOLUTO */
.project-tags {
  font-family: 'Geist Mono', monospace !important;
  font-weight: 700;
  font-size: 15px;
  color: #555;            /* gris */
  display: block;
  margin-top: -10px;      /* 🔥 PEGADO AL EXTREMO */
  line-height: 0.85;      /* 🔥 más compacto imposible sin solaparse */
}

/* 4. Estructura del grid */
.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 0;
  margin-top: 50px;
  box-sizing: border-box;
}

.portfolio-item {
  text-align: left;
}

/* 5. Imágenes */
.project-image {
  width: 100%;
  height: 600px;
  background-color: #000;
  background-size: cover;
  background-position: center center;
  display: block;
}

/* 6. Hover igual que navbar */
.project-item-link:hover .project-title {
  text-decoration: underline;
  text-decoration-color: #000;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
}

/* 7. Responsive */
@media (max-width: 1100px) {
  .portfolio-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .portfolio-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */