/* ================================================
   PORTFOLIO.CSS — Portafolio y cards de proyectos
   Proyecto: SmartDaga Landing
   Autor: e-DAGA Systems
================================================ */

#portafolio  { background: #0f172a; }
.porto-card  { border-radius: 16px; overflow: hidden; background: #1e293b; transition: box-shadow .25s, transform .25s; }
.porto-card:hover { box-shadow: 0 20px 60px rgba(0,0,0,.45); transform: translateY(-3px); }
.porto-img   { height: 175px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }

/* Fondos de imagen por proyecto */
.porto-bg-1  { background: linear-gradient(135deg,#0A2463,#1a4080); }
.porto-bg-2  { background: linear-gradient(135deg,#1e293b,#0f4c3a); }
.porto-bg-3  { background: linear-gradient(135deg,#1e293b,#4c1d1d); }

.porto-body  { padding: 1.4rem; }
.demo-bdg    { display: inline-block; background: var(--green); color: #fff; border-radius: 100px; padding: .22rem .7rem; font-size: .62rem; font-weight: 800; letter-spacing: .1em; margin-bottom: .65rem; }
.porto-name  { font-size: 1rem; font-weight: 700; color: #fff; margin-bottom: .4rem; }
.porto-desc  { font-size: .825rem; color: rgba(255,255,255,.5); line-height: 1.6; margin-bottom: .9rem; }
.tech-bdg    { display: inline-block; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 100px; padding: .18rem .6rem; font-size: .62rem; color: rgba(255,255,255,.55); font-weight: 700; letter-spacing: .04em; margin: .12rem; }
.porto-link  { font-size: .8rem; font-weight: 700; color: var(--green); text-decoration: none; display: inline-flex; align-items: center; gap: .35rem; }
.porto-link:hover { color: #4ade80; }

/* Helpers de encabezado del portafolio */
.h2-white         { color: #fff; }
.porto-header     { color: rgba(255,255,255,.45); }
.porto-section-sub { color: rgba(255,255,255,.45); margin: .5rem auto 0; max-width: 460px; font-size: .95rem; }