/* Sección de empresas destacadas. Es igual en todas las guías: el color sale de marca.css. */
.red-dest { clear: both; box-sizing: border-box; width: 100%; margin: 2.5rem 0; padding: 2.4rem 1rem; background: #f3f6fb; color: #0f172a; text-align: left; }
.red-dest *, .red-dest *::before, .red-dest *::after { box-sizing: border-box; }
.red-dest-marco { max-width: 1160px; margin: 0 auto; }
.red-dest .red-dest-sello { width: fit-content; margin: 0 auto .5rem; padding: .22rem .75rem; border-radius: 999px; background: #e7edf8; color: var(--pf-marca, #1d4ed8); font-size: .78rem; font-weight: 700; }
.red-dest h2 { margin: 0 0 1.5rem; color: #0f172a; font-size: clamp(1.35rem, 3vw, 1.85rem); font-weight: 800; line-height: 1.2; text-align: center; }
.red-dest-grilla { display: grid; grid-template-columns: repeat(auto-fit, minmax(235px, 280px)); justify-content: center; gap: 1.1rem; }
.red-dest-tarjeta { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 0 2px 12px rgba(15, 23, 42, .08); }
.red-dest .red-dest-foto { display: grid; place-items: center; aspect-ratio: 19 / 12; overflow: hidden; background: var(--pf-marca, #1d4ed8); text-decoration: none; }
.red-dest-foto img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.red-dest-inicial { color: #fff; font-size: 3rem; font-weight: 800; }
.red-dest-cuerpo { display: flex; flex: 1; flex-direction: column; padding: 1rem 1.1rem 1.05rem; }
.red-dest h3 { margin: 0 0 .35rem; color: #0f172a; font-size: 1rem; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.red-dest p { margin: 0 0 .9rem; color: #526077; font-size: .88rem; line-height: 1.5; }
.red-dest .red-dest-boton { display: block; margin-top: auto; padding: .55rem .8rem; border-radius: 999px; background: var(--pf-marca, #1d4ed8); color: #fff; font-size: .9rem; font-weight: 700; text-align: center; text-decoration: none; }
.red-dest .red-dest-boton:hover, .red-dest .red-dest-boton:focus-visible { background: var(--pf-marca-hondo, #0f172a); color: #fff; }
.red-dest-rotulo { display: block; margin-top: .55rem; color: #8592a6; font-size: .68rem; font-weight: 700; letter-spacing: .05em; text-align: center; text-transform: uppercase; }
@media (max-width: 560px) {
  .red-dest { padding: 2rem .8rem; }
  .red-dest-grilla { grid-template-columns: minmax(0, 1fr); }
}
