/* Controles compartidos solo por los trabajos reales de Circuitos. */
.project-title-link { color: inherit; text-decoration: none; text-underline-offset: .18em; }
.project-title-link:hover { text-decoration: underline; }
.project-title-link:focus-visible { outline: 2px solid #c4714a; outline-offset: 4px; border-radius: 2px; text-decoration: underline; }
.project-media { position: relative; overflow: hidden; aspect-ratio: 4 / 3; background: #e8dfd5; touch-action: pan-y; }
.project-media-slide { width: 100%; height: 100%; }
.project-media-slide[hidden] { display: none !important; }
.project-media .project-media-slide img, .project-media .project-media-slide video { display: block; width: 100%; height: 100%; object-fit: cover; }
.project-media .project-media-slide video { object-fit: contain; background: #292621; }
.project-media-video-link { position: relative; display: block; height: 100%; color: #fffdf9; }
.project-media-video-link span { position: absolute; bottom: 14px; left: 8px; right: 8px; padding: 9px 7px; border-radius: 14px; background: rgba(41,38,33,.9); color: #fffdf9; font: 600 12px/1.5 'DM Sans', sans-serif; text-align: center; }
.circuitos-project-card:hover .project-media img { transform: none; }
.project-media .project-media-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(43,36,29,.15); border-radius: 50%; background: rgba(255,253,249,.94); color: #292621; font: 32px/1 'DM Sans', sans-serif; cursor: pointer; box-shadow: 0 2px 8px rgba(43,36,29,.18); }
.project-media-prev { left: 5px; }
.project-media-next { right: 5px; }
.project-media .project-media-arrow:disabled { opacity: .4; cursor: default; }
.project-media .project-media-arrow:hover:not(:disabled) { background: #fffdf9; }
.project-media-count { position: absolute; right: 9px; top: 9px; padding: 3px 8px; border-radius: 20px; background: rgba(41,38,33,.78); color: #fffdf9; font: 12px/1.5 'DM Sans', sans-serif; pointer-events: none; }
.project-media:focus-visible, .project-media button:focus-visible { outline: 3px solid #c4714a; outline-offset: -3px; }
@media (max-width:700px) { .work-card .project-media { aspect-ratio: 4 / 5; } }
@media (max-width:620px) { .circuitos-project-cover.project-media { aspect-ratio: 3 / 4; } }
@media (min-width:901px) { .circuitos-project-cover.project-media { aspect-ratio: 16 / 10; } }