/* CoreFlow · «Perú también está en el juego» (prefijo .pe-) */
.pe { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(20px, 5vw, 80px); align-items: center; }
.pe-globo { position: relative; aspect-ratio: 1; width: 100%; max-width: 560px; justify-self: center; }
.pe-globo canvas { width: 100%; height: 100%; display: block; cursor: grab; touch-action: pan-y; }
.pe-globo canvas:active { cursor: grabbing; }
.pe-texto .kicker { margin-bottom: .9rem; }
.pe-texto .titular-2 { margin-bottom: 1rem; }
.pe-lista { list-style: none; margin: 1.4rem 0 0; padding: 0; display: grid; gap: 10px; }
.pe-lista li { display: grid; grid-template-columns: 36px 1fr; gap: .8rem; align-items: center; padding: .8rem 1rem; border-radius: 16px; }
.pe-lista li i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: rgba(255, 198, 41, .12); color: var(--destello); font-style: normal; font-weight: 600; }
.pe-lista b { display: block; font-weight: 600; }
.pe-lista span { font-size: .9rem; color: var(--txt-2); }
.pe-acciones { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 1.4rem; }
.pe-vivo { display: inline-flex; align-items: center; gap: .5rem; }
/* el punto «en vivo» es un <i class="pe-punto">: el ::before del botón ya lo usa el vidrio líquido */
.pe-punto { flex: none; display: block; width: 8px; height: 8px; border-radius: 50%; background: #53FC18; box-shadow: 0 0 10px #53FC18; animation: late 1.6s ease-in-out infinite; }
@media (max-width: 860px) { .pe { grid-template-columns: 1fr; } .pe-globo { max-width: 420px; } .pe-texto { text-align: center; } .pe-lista li { text-align: left; } .pe-acciones { justify-content: center; } }