/* Ofertas destacadas de /viajes/ (gestionadas desde el panel) */
.mlc-ofertas { display: flex; flex-direction: column; margin-top: 40px; }
.mlc-oferta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 56px; padding: 40px 0; border-top: 1px solid rgba(255,255,255,.16); align-items: stretch; }
.mlc-oferta__foto { border-radius: 16px; overflow: hidden; aspect-ratio: 3 / 2; }
.mlc-oferta__foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.1s cubic-bezier(.2,.7,.2,1); }
.mlc-oferta:hover .mlc-oferta__foto img { transform: scale(1.045); }
.mlc-oferta__txt { display: flex; flex-direction: column; color: #fff; }
.mlc-oferta__txt h3 { font-family: Outfit, sans-serif; font-size: clamp(28px, 2.6vw, 40px); font-weight: 600; letter-spacing: -.02em; color: #fff; margin: 4px 0 16px; line-height: 1.1; }
.mlc-oferta__txt > p { color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.6; margin: 0 0 24px; max-width: 520px; }
.mlc-oferta__pie { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; }
.mlc-oferta__precio { font-size: clamp(19px, 1.6vw, 22px); font-weight: 600; color: #fff; margin: 0 0 10px; }
.mlc-oferta__pie ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.mlc-oferta__pie li { color: rgba(255,255,255,.9); font-size: 15px; padding-left: 26px; position: relative; }
.mlc-oferta__pie li::before { content: '✓'; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 50%; background: #fff; color: #071D4A; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.mlc-oferta__btn { display: inline-block; background: #fff; color: #071D4A !important; border-radius: 999px; padding: 13px 26px; font-weight: 600; font-size: 15px; text-decoration: none !important; white-space: nowrap; transition: transform .45s cubic-bezier(.2,.7,.2,1), background-color .3s; }
.mlc-oferta__btn:hover { transform: translateY(-2px); background: #F7F4EE; }
@media (max-width: 900px) {
	.mlc-oferta { grid-template-columns: 1fr; gap: 22px; padding: 30px 0; }
	.mlc-oferta__txt > p { font-size: 16px; }
}
