/*
Theme Name: LOFT PRO 4.6
Description: Portfolio modular con GSAP avanzado (flip, rotate, elastic, typing effect), fondos degradados, parallax multicapa, transiciones y secciones dinámicas personalizables.
Author: Tu Nombre
Version: 4.6
*/
:root{
  --bg:#0a0a13; --text:#e6e6ef; --accent:#48e0c2;
}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'Poppins',sans-serif}
a{color:var(--accent);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:64px 20px}
.hero{padding:96px 20px;position:relative;overflow:hidden;text-align:center}
.hero-title{font-size:clamp(32px,5vw,64px);line-height:1.1;margin:16px 0}
.hero-subtitle{font-size:clamp(16px,2vw,22px);opacity:.9}
.hero-btn{display:inline-block;margin-top:24px;padding:12px 20px;border-radius:8px;background:var(--accent);color:#0a0a13;font-weight:600}
.section{position:relative;padding:80px 20px}
.grid-proyectos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.proyecto{border-radius:12px;overflow:hidden;background:#10101a}
.proyecto img{width:100%;height:220px;object-fit:cover;display:block}
.proyecto-info{padding:16px}
.sobre-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.sobre-layout img{width:100%;height:auto;border-radius:12px}
.transition-layer{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;transform:skewY(-8deg) scaleX(0);transform-origin:left center;background:rgba(10,10,19,.75);z-index:10}
.parallax-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.4}
*/