.pe-process{position:relative;overflow:hidden;background:#f5f1eb;scroll-margin-top:80px}
.pe-backdrop{position:absolute;inset:0;background:url('../uploads/proceso-editorial/fondo.webp') center/cover no-repeat}
.pe-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f5f0fa 0%,#f7f5f0f2 30%,#f7f5f0bb 37%,transparent 49%)}
.pe-layout{position:relative;max-width:1894px;margin:auto;display:grid;grid-template-columns:36% 1fr;gap:5%;padding:52px 7% 55px 6.6%;align-items:center}
.pe-eyebrow{display:flex;align-items:center;gap:18px;text-transform:uppercase;font-size:12px;letter-spacing:2.5px;font-weight:600;color:#b68a4d;margin:0 0 24px}
.pe-eyebrow::before{content:"";width:36px;height:1px;background:#c8a368}
.pe-copy h2{font-family:var(--font-heading);font-size:clamp(40px,3.3vw,65px);font-weight:400;line-height:1.03;letter-spacing:-.7px;color:#102e50;margin:0 0 24px}
.pe-copy h2 em{color:#bc975e;font-weight:400}
.pe-intro{font-size:clamp(14px,1vw,18px);line-height:1.55;color:#72716e;max-width:510px;margin:0 0 32px}
.pe-steps{list-style:none;margin:0;padding:0;display:grid;gap:25px;position:relative}
.pe-steps::before{content:"";position:absolute;left:22px;top:23px;bottom:35px;width:1px;background:#c4a374}
.pe-steps li{position:relative;display:grid;grid-template-columns:46px 38px 1fr;gap:22px;align-items:start}
.pe-number{display:grid;place-items:center;width:46px;height:46px;border:1px solid #c9a468;background:#f9f7f1;border-radius:50%;font-family:var(--font-heading);font-size:17px;font-weight:600;color:#362f25;z-index:1}
.pe-steps svg{width:32px;height:32px;margin-top:8px;fill:none;stroke:#262624;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.pe-steps h3{font-family:var(--font-heading);font-size:23px;font-weight:600;line-height:1.15;color:#102e50;margin:0 0 5px}
.pe-steps p{font-size:13px;line-height:1.45;color:#767571;margin:0;max-width:340px}
.pe-gallery{min-width:0;position:relative;padding:32px 0 60px}
.pe-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;perspective:1300px;align-items:center}
.pe-card{position:relative;height:clamp(390px,29vw,560px);border:1px solid #e5d7bd;border-radius:18px;overflow:hidden;background:#142437;box-shadow:0 18px 35px #0004;transform:rotateY(-9deg) rotateZ(3deg);transform-origin:center;isolation:isolate}
.pe-card:nth-child(2){transform:translateY(-8px) rotateY(-7deg) rotateZ(2deg)}
.pe-card:nth-child(3){transform:translateY(-16px) rotateY(-5deg) rotateZ(1deg)}
.pe-card:nth-child(4){transform:translateY(-24px) rotateY(-3deg)}
.pe-card>img{width:100%;height:100%;object-fit:cover;display:block}
.pe-card:first-child>img{object-position:48% center}
.pe-card:last-child>img{object-position:68% center}
.pe-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b203bee 0%,#0b203bd9 15%,#0b203b66 32%,transparent 60%);z-index:1;pointer-events:none}
.pe-label{position:absolute;bottom:25px;left:18px;right:12px;z-index:2;color:#fff;display:flex;gap:12px;align-items:baseline;font-family:var(--font-heading)}
.pe-label::before{content:"";position:absolute;top:-17px;left:0;width:62px;height:1px;background:linear-gradient(90deg,#c9a468 40%,transparent 40%,transparent 65%,#c9a468 65%)}
.pe-label span{font-size:29px;font-style:italic;line-height:1}
.pe-label em{font-size:clamp(20px,1.45vw,28px);line-height:1.1}
.pe-samples{height:100%;display:flex;flex-direction:column;gap:7px;padding:35px 0 90px;background:#373431;transform:scale(1.15) rotate(-7deg)}
.pe-samples img{width:100%;height:32%;min-height:0;object-fit:cover;border-bottom:12px solid #c0b6a6;box-shadow:0 12px 12px #0006;border-radius:4px}
.pe-note{position:absolute;bottom:10px;right:0;color:#fff;background:#102338aa;padding:5px 10px;border-radius:4px;font-size:10px;letter-spacing:.2px;margin:0}
@media(min-width:1650px){.pe-steps{gap:30px}.pe-steps li{gap:30px;grid-template-columns:48px 42px 1fr}.pe-steps p{font-size:15px}.pe-steps h3{font-size:25px}.pe-layout{padding-block:44px}.pe-gallery{padding-bottom:40px}}
@media(max-width:1150px){.pe-layout{grid-template-columns:40% 1fr;gap:4%;padding:45px 5%}.pe-copy h2{font-size:43px}.pe-steps li{grid-template-columns:38px 28px 1fr;gap:12px}.pe-number{width:38px;height:38px}.pe-steps::before{left:18px}.pe-steps svg{width:25px;height:25px}.pe-steps h3{font-size:21px}.pe-steps p{font-size:12px}.pe-cards{grid-template-columns:repeat(2,1fr);gap:14px}.pe-card{height:280px;transform:none!important}.pe-label{left:12px;bottom:20px;gap:8px}.pe-label em{font-size:22px}.pe-label span{font-size:24px}.pe-gallery{padding:15px 0 40px}.pe-note{font-size:8px}}
@media(max-width:760px){.pe-layout{grid-template-columns:1fr;gap:35px;padding:45px 24px}.pe-backdrop{background-position:62% center}.pe-backdrop::after{background:linear-gradient(#f7f5f0fa 0%,#f7f5f0f5 48%,#f7f5f044 75%,transparent)}.pe-copy h2{font-size:clamp(38px,8.8vw,55px)}.pe-intro{font-size:15px;max-width:500px;margin-bottom:28px}.pe-steps li{grid-template-columns:40px 30px 1fr;gap:15px}.pe-number{width:40px;height:40px}.pe-steps::before{left:19px}.pe-steps h3{font-size:23px}.pe-steps p{font-size:13px;max-width:450px}.pe-steps{gap:25px}.pe-card{height:320px}.pe-label{gap:10px}.pe-label em{font-size:24px}.pe-note{font-size:9px;max-width:100%;text-align:center}.pe-gallery{padding-top:0}.pe-eyebrow{font-size:11px}}
@media(max-width:400px){.pe-layout{padding-inline:20px}.pe-card{height:280px}.pe-label{display:block}.pe-label span{display:block;margin-bottom:5px}.pe-label em{font-size:22px}.pe-steps li{gap:10px}}