.comunidad{scroll-margin-top:120px}.comunidad>p{max-width:850px;line-height:1.7}.diplomas-controles{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.diplomas-controles[hidden]{display:none}.comunidad button,.comunidad summary{cursor:pointer}.diplomas-controles button,#diplomas-reintentar{background:#0d2138;color:white;border:0;border-radius:24px;padding:12px 20px;font:inherit}.comunidad :focus-visible{outline:3px solid #3159ff;outline-offset:4px}.diploma-tarjeta{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:32px;background:#f2f6fb;padding:28px;border-radius:18px}.diploma-tarjeta h3,.instructor-ficha h3{font-size:30px}.diploma-imagen{background:transparent;border:0;padding:0}.diploma-imagen img{width:100%;height:auto;display:block}.instructor-ficha{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:start}.instructor-foto{width:100%;height:320px;object-fit:cover;border-radius:16px}.instructor-ficha p{line-height:1.7}.instructor-ficha details{margin:24px 0}.instructor-ficha summary{font-weight:700;padding:16px 0}#credenciales-galeria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#credenciales-galeria button{border:1px solid #cbd6e5;background:white;border-radius:8px;padding:6px}#credenciales-galeria img{width:100%;height:120px;object-fit:contain}.credencial-modal,#publicDiplomaViewer{border:0;border-radius:12px;padding:18px;max-width:95vw;max-height:95vh}.credencial-modal::backdrop,#publicDiplomaViewer::backdrop{background:#001020cc}.credencial-modal img,#publicDiplomaViewer img{display:block;max-width:85vw;max-height:80vh;object-fit:contain}.credencial-modal button,#publicDiplomaViewer button{padding:12px 22px;margin-bottom:12px}@media(max-width:700px){.diploma-tarjeta,.instructor-ficha{grid-template-columns:1fr}.instructor-foto{max-width:280px}.diploma-tarjeta{padding:16px}#credenciales-galeria{grid-template-columns:repeat(2,minmax(0,1fr))}}

.comunidad>h2{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:0;margin:12px 0 24px}.comunidad>p{color:#33465e}

/* Galería horizontal: varios certificados visibles, desplazamiento táctil. */
#diplomas-carrusel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 20px}
#diplomas-carrusel .diploma-tarjeta{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;flex:0 0 calc((100% - 40px)/3);box-sizing:border-box;padding:18px;scroll-snap-align:start}
#diplomas-carrusel .diploma-tarjeta h3{font:700 23px/1.25 Arial,sans-serif;margin:0 0 12px}
#diplomas-carrusel .diploma-tarjeta p{font-size:15px;line-height:1.5}
@media(max-width:900px){#diplomas-carrusel .diploma-tarjeta{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:600px){#diplomas-carrusel .diploma-tarjeta{flex-basis:88%}}

/* Certificaciones: primero alumnos e instructor, después información de emisores. */
.certificaciones-vitrina{scroll-margin-top:120px;padding-top:64px}
.certificaciones-intro h2{max-width:1000px}.certificaciones-accesos{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.certificaciones-vitrina .comunidad{padding-top:48px;padding-bottom:32px}
#credenciales-galeria{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 4px 18px}
#credenciales-galeria button{flex:0 0 190px;scroll-snap-align:start}
#credenciales-galeria img{height:150px;display:block}
@media(max-width:700px){.certificaciones-vitrina{padding-top:36px}.certificaciones-accesos .button{width:100%;text-align:center}#credenciales-galeria button{flex-basis:180px}}
.instructor-ficha>div{min-width:0}#credenciales-galeria{max-width:100%}.certificados-nota{font-size:14px;color:#526174}

/* Credentials: full-width aligned document gallery, original photos untouched. */
#credenciales-instructor{margin-top:32px;scroll-margin-top:160px}
#credenciales-instructor>summary{font-size:22px;font-weight:700;cursor:pointer;padding:20px 0}
#credenciales-instructor>p{color:#526174;line-height:1.65;margin:0 0 24px}
#credenciales-galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;padding:4px 0 24px}
#credenciales-galeria .credencial-tarjeta{display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0;padding:18px;background:#f3f5f8;border:1px solid #d8e0e9;border-radius:12px;box-shadow:0 3px 12px #071b3008;cursor:zoom-in}
#credenciales-galeria .credencial-tarjeta:hover{border-color:#8eaccb;background:#eaf0f7}
.credencial-encuadre{display:block;position:relative;overflow:hidden;width:100%;background:#fff;box-shadow:0 2px 7px #071b3026}
.credencial-plano{display:block;position:absolute;left:0;top:0;width:1100px;transform-origin:0 0}
#credenciales-galeria .credencial-plano img,.credencial-modal .credencial-plano img{display:block;position:absolute;left:0;top:0;width:1100px;height:1100px;max-width:none;max-height:none;object-fit:fill;transform-origin:0 0}
.credencial-etiqueta{display:block;margin-top:auto;color:#234361;font:700 13px/1.4 Arial,sans-serif;letter-spacing:.02em}
.credencial-modal{width:min(1000px,92vw);box-sizing:border-box;padding:24px;background:#f3f5f8}
.credencial-modal>a{display:inline-block;margin:0 0 16px 16px;color:#234361;text-decoration:underline}
.credencial-modal .credencial-encuadre{max-width:100%;margin:auto}
@media(max-width:850px){#credenciales-galeria{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:520px){#credenciales-galeria{grid-template-columns:1fr;gap:20px}#credenciales-galeria .credencial-tarjeta{padding:14px}.credencial-modal{padding:12px}}
.credencial-modal>button{background:#102b47;color:#fff;border:0;border-radius:8px;font:700 14px/1.4 Arial,sans-serif;cursor:pointer}
.credencial-modal>button:focus-visible{outline:3px solid #3159ff;outline-offset:3px}