/*pilares de filosofia*/
.tipo-pilares { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin:2.5rem 0; }
.pilar { background:var(--bg); padding:2.2rem 2.4rem; position:relative; overflow:hidden; transition:background .3s; }
.pilar::after { content:''; position:absolute; bottom:0; left:0; width:0; height:2px; background:var(--orange); transition:width .4s ease; }
.pilar:hover { background:var(--light); }
.pilar:hover::after { width:100%; }
.pilar-num { font-family:var(--mono); font-size:.7rem; color:var(--orange); display:block; margin-bottom:.8rem; font-weight:400; }
.pilar-title { font-family:var(--fd); font-size:.95rem; font-weight:700; color:var(--black); margin-bottom:.6rem; }
.pilar-text { font-size:.82rem; font-weight:300; color:var(--gray); line-height:1.7; }

/*bloques de elemento*/
.elemento-bloque { border:1px solid var(--line); margin:2.5rem 0; }
.elemento-header {
    display:flex; align-items:center; gap:1.5rem;
    padding:1.6rem 2rem; border-bottom:1px solid var(--line);
    background:var(--light);
}
.elemento-num { font-family:var(--mono); font-size:1.4rem; font-weight:500; color:var(--orange); line-height:1; flex-shrink:0; }
.elemento-title { font-family:var(--fd); font-size:1.2rem; font-weight:800; letter-spacing:-.01em; color:var(--black); margin-bottom:.2rem; }
.elemento-sub { font-size:.72rem; font-weight:300; color:var(--gray); font-family:var(--mono); }
.elemento-body { padding:2rem; }
.elemento-body .pop-p { margin-bottom:1.2rem; }
.elemento-cols { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-top:1rem; }

img { 
    max-width:100%; 
    display:block; 
    margin:2rem auto; 
}

@media (max-width:900px) {
    .tipo-pilares { grid-template-columns:1fr; }
    .elemento-cols { grid-template-columns:1fr; gap:0; }
    .elemento-header { padding:1.2rem 1.4rem; gap:1rem; }
    .elemento-body { padding:1.4rem; }
    .elemento-num { font-size:1rem; }
}