/*
Theme Name: poket child
Tags:  custom-menu, editor-style, featured-images
Template: poket
Version: 1.0.0
*/

/*---------------------------------
      write your css from here
------------------------------------*/

.single_portfolio .prot_content_inner h3 a {
  position: relative;
  z-index: 2;
}

/* Corrige el texto secundario que se desborda en ciertas resoluciones */
.single_portfolio .prot_content_inner p {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.single_portfolio .prot_content_inner p span.category-item-p {
  white-space: normal !important;
  display: inline !important;
}

/* .prot_content ya cubre el 100% de la altura de la tarjeta (top/right/bottom/left: 0),
   así que basta con centrar .prot_content_inner con flex y dejar que crezca libremente
   dentro de ese espacio, sin tocar el overflow:hidden de .single_portfolio (necesario para el masonry JS) */
.single_portfolio .prot_content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.single_portfolio .prot_content_inner {
  height: auto !important;
  max-height: 100% !important;
  position: relative !important;
  top: auto !important;
  transform: none !important;
}

/* Elimina el espacio en blanco extra entre categorías separadas por spans inline */
.single_portfolio .prot_content_inner p {
  font-size: 0;
}

.single_portfolio .prot_content_inner p span.category-item-p,
.single_portfolio .prot_content_inner p span.category-item-p::before {
  font-size: 17px;
}

/*cursor en elemento producto*/
.single_portfolio {
  cursor: pointer;
}

/* ============================================
   CAJA ROJA SOBRE EL THUMBNAIL (.prot_thumb)
   Ajuste preliminar: permite que el texto no se
   recorte y crezca en altura si es necesario.
   Verificar selector exacto en DevTools (ver nota abajo).
   ============================================ */
.single_portfolio .prot_thumb .prot-overlay,
.single_portfolio .prot_thumb .overlay-text,
.single_portfolio .prot_thumb .thumb_content {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  padding: 15px !important;
}