.dcpilar{--dcpilar-superficie:var(--blanco);--dcpilar-borde:var(--gris-claro);--dcpilar-texto:var(--azul);--dcpilar-enlace:var(--celeste-medio,var(--celeste-claro));--dcpilar-sombra:var(--sombra-1);--dcpilar-radio:1rem;--dcpilar-radio-media:0.75rem;font-family:var(--font);padding-block:4rem}.dcpilar-card{background-color:var(--dcpilar-superficie);border:1px solid var(--dcpilar-borde);border-radius:var(--dcpilar-radio);display:flex;flex-direction:column;height:100%;padding:.75rem;transition:box-shadow .2s ease,border-color .2s ease}.dcpilar-card:hover{border-color:var(--dcpilar-enlace);box-shadow:var(--dcpilar-sombra)}.dcpilar-card__media{aspect-ratio:16/9;background-color:var(--dcpilar-borde);border-radius:var(--dcpilar-radio-media);overflow:hidden;position:relative}.dcpilar-card__media img{display:block;height:100%;object-fit:cover;width:100%}.dcpilar-card__ph{color:var(--dcpilar-texto);display:grid;font-size:2.5rem;inset:0;opacity:.35;place-items:center;position:absolute}.dcpilar-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:1rem;padding:1rem .5rem .75rem}.dcpilar-card__title{color:var(--dcpilar-texto);font-size:1.25rem;line-height:1.3;margin:0}.dcpilar-card__link{align-items:center;color:var(--dcpilar-enlace);display:inline-flex;font-weight:600;gap:.25rem;margin-top:auto;text-decoration:none}.dcpilar-card__link:focus-visible,.dcpilar-card__link:hover{text-decoration:underline}.dcpilar-card__link:focus-visible{border-radius:.25rem;outline:2px solid var(--dcpilar-enlace);outline-offset:3px}.dcpilar-card__link .material-symbols-rounded{font-size:1.125rem;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20;transition:transform .2s ease}.dcpilar-card:hover .dcpilar-card__link .material-symbols-rounded{transform:translateX(3px)}[data-theme=dark] .dcpilar{--dcpilar-superficie:var(--azul);--dcpilar-borde:var(--azul-claro,var(--celeste-oscuro,var(--azul)));--dcpilar-texto:var(--blanco);--dcpilar-enlace:var(--celeste-claro)}@media (prefers-reduced-motion:reduce){.dcpilar-card,.dcpilar-card__link .material-symbols-rounded{transition:none}.dcpilar-card:hover .dcpilar-card__link .material-symbols-rounded{transform:none}}