.modelos-intro { padding: 36px 0 50px; max-width: 48rem; }
.modelos-intro h1 { font-size: clamp(2.8rem, 6vw, 5.8rem); line-height: 1.03; letter-spacing: -.06em; }
.modelos-intro p { margin-top: 1rem; max-width: 55ch; color: #c1c1b7; line-height: 1.7; }
.modelos-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; padding-bottom: 64px; }
.modelo { scroll-margin-top: 110px; display: grid; grid-template-columns: minmax(100px, 35%) 1fr; align-items: center; gap: clamp(16px, 2vw, 28px); padding: 18px; background: #191a18; }
.modelo img { width: 100%; height: auto; display: block; aspect-ratio: 3 / 4; object-fit: contain; }
.modelo h2 { font-size: clamp(1.25rem, 2vw, 1.85rem); line-height: 1.18; letter-spacing: -.03em; }
.modelo p { color: #cccdc5; font-size: .9rem; line-height: 1.65; margin: .7rem 0; }
.modelo .text-link { font-size: .85rem; color: #dfc899; }
@media (max-width: 850px) { .modelos-grid { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 420px) { .modelo { padding: 12px; gap: 12px; grid-template-columns: 29% 1fr; } }