.tarjetas-de-recursos-de-oficina{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:20px 0}.tarjetas-de-recursos-de-oficina.tarjetas-de-video-de-oficina{plantilla-de-cuadrícula-columnas: repetir(2,1fr)}.tarjeta-de-recurso{fondo:#fff;borde:1px sólido #e1e1e1;radio-del-borde:8px;relleno:15px;sombra-de-cuadro:0 2px 4px rgb(0 0 0 / .1);text-align:center;transition:transform 0.2s ease,box-shadow 0.2s ease}.resource-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgb(0 0 0 / .1)}.resource-image-container{width:100%;height:200px;tamaño del fondo: cubrir; posición del fondo: centro; repetición del fondo: sin repetir; radio del borde: 4 píxeles; margen inferior: 15 píxeles}.video-embed{ancho: 100%; alto: 300 píxeles; margen inferior: 15 píxeles; radio del borde: 4 píxeles;overflow:hidden}.video-embed iframe{ancho:100%;alto:100%;borde:ninguno}.resource-details{relleno:10px}.resource-title{familia de fuentes:"Palatino Linotype","Book Antiqua",Palatino,serif;tamaño de fuente:18px;color: #123E6B; margen: 0 0 15px}.botón-de-descarga{display:inline-block;relleno:10px 20px;color de fondo:#123E6B;color:#fff;decoración del texto:ninguna;radio del borde:4px;familia de fuentes:"Gill Sans Nova","Gill Sans", sans-serif; tamaño de fuente: 14px; transición: color de fondo 0,3 s facilidad}.botón-de-descarga:hover{color de fondo: #0a2c54}h2{familia de fuentes:"Palatino Linotype","Book Antiqua", Palatino, serif; tamaño de fuente: 24 píxeles; color: #123E6B; margen inferior: 20 píxeles; alineación del texto: izquierda}@media (ancho máximo: 768 píxeles){.tarjetas-de-recursos-de-oficina,.office-resource-cards.office-video-cards{grid-template-columns:1fr;gap:15px}.resource-card{padding:10px}.resource-image-container,.video-embed{height:250px}.resource-title{font-size:16px}.botón de descarga{relleno: 8px 16px; tamaño de fuente: 12px}h2{tamaño de fuente: 20px; margen inferior: 15px; alineación del texto: izquierda}}.tarjetas-del-personal-de-oficina{visualización: cuadrícula; plantillas de cuadrícula: repetir (4,1fr);gap: 20 px; margin: 20 px 0}. staff-card {background: #fff; border: 1 px solid #e1e1e1; border-radius: 8 px; padding: 15 px; box-shadow: 0 2 px 4 px rgb(0 0 0 / .1);alineación del texto: centro; transición: transformación 0,2 s suave, sombra de cuadro 0,2 s suave}.tarjeta-personal:al pasar el cursor{transformación: traslación Y (-5 píxeles); sombra de cuadro: 0 4 píxeles 8 píxeles rgb(0 0 0 / .1)}.contenedor-imagen-personal{ancho: 100%; alto: 300 píxeles;tamaño del fondo: cubrir; posición del fondo: centro; repetición del fondo: no repetir; radio del borde: 4 píxeles; margen inferior: 15 píxeles}.detalles-del-personal{relleno: 10 píxeles}.nombre-del-personal{familia de fuentes: "Palatino Linotype", "Book Antiqua", Palatino, serif; tamaño de fuente: 18px; color: #123E6B; margen: 0 0 10px}.staff-position{font-family:"Gill Sans Nova","Gill Sans", sans-serif; tamaño de fuente: 16px; color: #666; margen: 0 0 10px}.staff-contact p{margen: 5px 0; familia de fuentes: "Gill Sans Nova", "Gill Sans", sans-serif; tamaño de fuente: 14px;color: #333}.staff-contact a{color: #123E6B; text-decoration: none}.staff-contact a:hover{text-decoration: underline}@media (max-width: 768px){.office-staff-cards{grid-template-columns: 1fr;espacio: 15 píxeles}.tarjeta-del-personal{relleno: 10 píxeles}.contenedor-de-imágenes-del-personal{altura: 350 píxeles!importante}.nombre-del-personal{tamaño de fuente: 16 píxeles}.cargo-del-personal{tamaño de fuente: 14 píxeles}.contacto-del-personal p{tamaño de fuente: 12 píxeles}}