/* ===== Portafolio v2 (2026-10-20, Carlos): portada negra #000; líneas de testimonios en blanco,
   tarjetas más pequeñas, del mismo tamaño y ordenadas. Solo modo noche. ===== */
html:not([data-tema="claro"]) .page-portafolio .page-hero{background:#000!important}
html:not([data-tema="claro"]) .page-portafolio .page-hero::before{display:none}
html:not([data-tema="claro"]) .page-portafolio .pf-line{background:#fff!important;border-top:1px solid #efe7d7;padding:84px 0}
html:not([data-tema="claro"]) .page-portafolio .pf-line:nth-of-type(even){background:#fbf9f4!important}
html:not([data-tema="claro"]) .page-portafolio .pf-line .container{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:56px;align-items:center}
html:not([data-tema="claro"]) .page-portafolio .pf-info{position:static}
html:not([data-tema="claro"]) .page-portafolio .pf-num{font-size:clamp(3.4rem,5.5vw,5rem);margin-bottom:10px}
html:not([data-tema="claro"]) .page-portafolio .pf-title{color:#0a0806}
html:not([data-tema="claro"]) .page-portafolio .pf-sub{color:#5b544a}
html:not([data-tema="claro"]) .page-portafolio .pf-info .btn-outline{border-color:#9A6A2A;color:#7a5520}
html:not([data-tema="claro"]) .page-portafolio .pf-info .btn-outline:hover{color:#120d05}
/* Tarjetas: más pequeñas, todas iguales */
html:not([data-tema="claro"]) .page-portafolio .pc-wrap{--pc-w:300px}
html:not([data-tema="claro"]) .page-portafolio .pc-track{gap:20px;padding:10px 4px 30px}
html:not([data-tema="claro"]) .page-portafolio .pc-card{background:#fff!important;border:1px solid #ece4d3!important;border-radius:20px;box-shadow:0 24px 48px -34px rgba(80,55,20,.55)!important}
html:not([data-tema="claro"]) .page-portafolio .pc-card:hover{transform:translateY(-6px);border-color:#d9c08a!important;box-shadow:0 30px 56px -30px rgba(80,55,20,.6)!important}
html:not([data-tema="claro"]) .page-portafolio .pc-media{aspect-ratio:auto;height:200px;margin:12px 12px 0;border-radius:12px;border:1px solid #ece4d3;background:#0b0b0b}
html:not([data-tema="claro"]) .page-portafolio .pc-media img{object-fit:cover;object-position:top center;padding-top:16px}
html:not([data-tema="claro"]) .page-portafolio .pc-media--video video{object-fit:cover;object-position:center 55%}
html:not([data-tema="claro"]) .page-portafolio .pc-body{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
html:not([data-tema="claro"]) .page-portafolio .project-category{color:#9A6A2A;font-size:.6rem}
html:not([data-tema="claro"]) .page-portafolio .project-name{color:#0a0806;font-size:1.05rem}
html:not([data-tema="claro"]) .page-portafolio .pc-card:hover .project-name{color:#7a5520}
html:not([data-tema="claro"]) .page-portafolio .project-brief{color:#5b544a;font-size:.86rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html:not([data-tema="claro"]) .page-portafolio .pc-actions{margin-top:auto;padding-top:14px}
html:not([data-tema="claro"]) .page-portafolio .project-link{color:#7a5520}
html:not([data-tema="claro"]) .page-portafolio .pc-sitio{color:#7a5520;border-color:#d9c08a}
html:not([data-tema="claro"]) .page-portafolio .pc-btn{background:#0a0806;color:#E0C17C;border:1px solid rgba(189,149,81,.5);top:120px}
@media (max-width:900px){html:not([data-tema="claro"]) .page-portafolio .pf-line .container{grid-template-columns:1fr;gap:26px}html:not([data-tema="claro"]) .page-portafolio .pc-wrap{--pc-w:min(78vw,300px)}}
html:not([data-tema="claro"]) .page-portafolio .pc-btn:disabled{opacity:0!important;pointer-events:none}
/* Carlos: "los títulos están muy grandes" */
html:not([data-tema="claro"]) .page-portafolio .page-title{font-size:clamp(2.2rem,4vw,3.4rem)!important}
html:not([data-tema="claro"]) .page-portafolio .pf-num{font-size:clamp(2.6rem,4vw,3.6rem)!important}
html:not([data-tema="claro"]) .page-portafolio .pf-title{font-size:clamp(1.5rem,2.1vw,1.95rem)!important}
/* 2026-10-21 · Carlos: cada sección con su tamaño. Crecimiento (Rafa y Zs) más grande y completo; sitios web completos */
html:not([data-tema="claro"]) .page-portafolio #crecimiento .pc-wrap{--pc-w:320px}
html:not([data-tema="claro"]) .page-portafolio #crecimiento .pc-media{height:430px}
html:not([data-tema="claro"]) .page-portafolio #crecimiento .pc-media img,html:not([data-tema="claro"]) .page-portafolio #crecimiento .pc-media--video video{object-fit:contain;object-position:center;padding-top:0}
html:not([data-tema="claro"]) .page-portafolio #crecimiento .pc-media::after{display:none}
html:not([data-tema="claro"]) .page-portafolio #presencia .pc-media img{object-fit:contain;object-position:center top;padding-top:18px}
html:not([data-tema="claro"]) .page-portafolio #presencia .pc-media{display:flex;align-items:flex-start}