:root{--cardlist-bg-card:#f4f4f4;--cardlist-color-primario:#073074;--cardlist-color-cta:#ffcb03;--cardlist-radius-card:24px;--cardlist-radius-boton:14px;--cardlist-ancho-card:352px;--cardlist-gap:24px}
.cardList{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--cardlist-gap);width:100%}
@media(max-width:1024px){.cardList{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){.cardList{grid-template-columns:1fr}
}
.cardList__card{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:var(--cardlist-ancho-card);border-radius:var(--cardlist-radius-card);background:var(--cardlist-bg-card);overflow:hidden}
.cardList__imagen{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#e8e8e8}
.cardList__imagen img{position:absolute;width:522px;height:522px;left:-91.69px;top:-125.478px;object-fit:cover}
.cardList__contenido{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;width:100%;padding:24px}
.cardList__titulo{font-size:1.25rem;font-weight:700;color:var(--cardlist-color-primario);line-height:1.2}
.cardList__texto{font-size:.875rem;font-weight:400;color:#4a4a4a;line-height:1.5}
.cardList__boton{display:flex;width:149px;padding:14px 27px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:var(--cardlist-radius-boton);background:var(--cardlist-color-cta);color:var(--cardlist-color-primario);border:0;font-weight:600;font-size:.875rem;cursor:pointer;text-decoration:none;margin-top:.5rem}
.cardList__boton:hover{filter:brightness(0.95)}
.cardList__boton:focus-visible{outline:2px solid var(--cardlist-color-primario);outline-offset:2px}