.elementor-2168 .elementor-element.elementor-element-e18f675{--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-2168 .elementor-element.elementor-element-0970f84{--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-2168 .elementor-element.elementor-element-1d12e61{--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-2168 .elementor-element.elementor-element-8dc23fe{--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-2168 .elementor-element.elementor-element-caf2999{--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-2168 .elementor-element.elementor-element-d3470fa{--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-2168 .elementor-element.elementor-element-82d0cb9{--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;}/* Start custom CSS for container, class: .elementor-element-e18f675 *//* ===============================
   PORTAFOLIO MINIMALISTA (CLARO)
================================ */

.corpa-portfolio.corpa-light{
  background:#f8f9fb;
  padding:60px 20px;
  font-family:Poppins, Roboto, sans-serif;
  border-radius: 15px;
}

.corpa-portfolio-inner{
  max-width:1200px;
  margin:auto;
}

/* ---- TITULO ---- */
.corpa-portfolio-header.light{
  text-align:center;
  margin-bottom:45px;
}
.corpa-portfolio-header.light h1{
  color:#222;
  font-size:32px;
  margin-bottom:12px;
  font-weight:600;
}
.corpa-portfolio-header.light p{
  color:#555;
  font-size:15px;
}

/* ---- GRID ---- */
.corpa-portfolio-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:25px;
}
@media (max-width:992px){
  .corpa-portfolio-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (max-width:600px){
  .corpa-portfolio-grid{
    grid-template-columns:1fr;
  }
}

/* ---- CARD ---- */
.corpa-portfolio-item.light{
  background:#fff;
  padding:25px;
  border-radius:14px;
  border:1px solid #e6e6e6;
  box-shadow:0 4px 12px rgba(0,0,0,.04);
  transition:all .25s ease;
  position:relative;
}

/* Hover premium */
.corpa-portfolio-item.light:hover{
  transform:translateY(-4px);
  border-color:#2BAAB1;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}

/* ---- TAG ---- */
.cp-tag.light{
  display:inline-block;
  font-size:12px;
  color:#2BAAB1;
  border:1px solid #2BAAB1;
  padding:3px 10px;
  border-radius:30px;
  margin-bottom:12px;
}

/* ---- TITULOS ---- */
.cp-title.light{
  font-size:20px;
  color:#222;
  margin-bottom:6px;
  font-weight:600;
}

.cp-meta.light{
  color:#777;
  font-size:14px;
  margin-bottom:12px;
}

/* ---- FEATURES ---- */
.cp-features.light{
  list-style:none;
  margin:0 0 16px 0;
  padding:0;
}
.cp-features.light li{
  font-size:14px;
  color:#444;
  margin-bottom:6px;
  padding-left:16px;
  position:relative;
}
.cp-features.light li::before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:#2BAAB1;
}

/* ---- LINK ---- */
.cp-link.light{
  font-size:14px;
  color:#2BAAB1;
  text-decoration:none;
  font-weight:600;
  transition:.2s;
}
.cp-link.light:hover{
  color:#40c4d0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0970f84 *//* ===== DETALLE PORTAFOLIO (CLARO) ===== */

.corpa-portfolio-detail.corpa-light{
  background:#f8f9fb;
  padding:60px 20px 70px;
  font-family:Poppins, Roboto, sans-serif;
  border-radius:15px;
  margin-top:40px;
}

.cp-detail-header{
  max-width:800px;
  margin:0 0 40px 0;
  text-align:left;
}

.cp-detail-header h2{
  font-size:26px;
  color:#222;
  margin:10px 0 8px;
  font-weight:600;
}

.cp-detail-header p{
  color:#555;
  font-size:15px;
}

/* Grid texto + imagen */
.cp-detail-grid{
  display:grid;
  grid-template-columns:2fr 1.3fr;
  gap:50px;
  align-items:flex-start;
  
}

@media(max-width:900px){
  .cp-detail-grid{
    grid-template-columns:1fr;
  }
}

/* Texto */
.cp-detail-text h3{
  font-size:18px;
  margin:18px 0 8px;
  color:#222;
  font-weight:600;
}

.cp-detail-text p{
  font-size:14px;
  color:#555;
}

.cp-detail-text ul{
  margin:0 0 12px 18px;
  padding:0;
}

.cp-detail-text ul li{
  font-size:14px;
  color:#444;
  margin-bottom:6px;
}

/* Botón volver */
.cp-detail-back{
  display:inline-block;
  margin-top:12px;
  font-size:14px;
  color:#2BAAB1;
  text-decoration:none;
  font-weight:600;
}
.cp-detail-back:hover{
  color:#40c4d0;
}

/* Media / bloque minimalista */
.cp-detail-media{
  display:flex;
  justify-content:center;
  align-items:center;
  
}

.cp-detail-placeholder{
  width:100%;
  max-width:340px;
  background:#fff;
  border-radius:18px;
  border:1px solid #e6e6e6;
  padding:20px 18px 22px;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
  text-align:center;
}

.cp-detail-badge{
  display:inline-block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#2BAAB1;
  border:1px solid #2BAAB1;
  border-radius:999px;
  padding:3px 10px;
  margin-bottom:14px;
}

.cp-detail-illus{
  height:140px;
  border-radius:14px;
  background:linear-gradient(135deg, #2BAAB1, #40c4d0);
  opacity:.9;
  margin-bottom:12px;
}

.cp-detail-placeholder p{
  font-size:13px;
  color:#555;
}

/* Si usas una imagen real */
.cp-detail-img{
  width:100%;
  max-width:360px;
  border-radius:18px;
  border:1px solid #e6e6e6;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
  object-fit:cover;
}


/* Versión cuando usamos una imagen real dentro de cp-detail-illus */
.cp-detail-illus{
  height:auto;          /* Quitamos la altura fija */
  background:none;      /* Sin degradado de fondo */
  padding:0;
  border-radius:14px;
  overflow:hidden;      /* Para que la imagen respete el borde redondeado */
  margin-bottom:12px;   /* Para que no se pegue al texto */
}

.cp-detail-illus img{
  width:100%;
  height:auto;
  display:block;
}/* End custom CSS */